Skip to content
amithsite
Back to Selected Work
Client Portfolio

Monson Sunny Portfolio

Interactive portfolio & design showcase for UI/UX Designer Monson Sunny, featuring Lenis momentum physics and canvas cursor trails.

Next.jsReactTypeScriptTailwind CSSLenis ScrollFramer Motion
STATUSReleased
YEAR2026
CATEGORYClient Portfolio

The Problem

Monson Sunny — a senior UI/UX designer with 4 years of experience across Caxita Tech Solutions and Jay4Web specializing in Figma, design systems, wireframing, and AI-assisted UX workflows — needed a bespoke digital portfolio that matched the precision, craft, and fluid micro-interactions of his design work.

The Solution

Designed and engineered a flagship portfolio web application at monson-sunny.vercel.app with Next.js, React, TypeScript, and Tailwind CSS. Integrated Lenis momentum scrolling, interactive HTML5 canvas cursor particle physics, magnetic action buttons, and responsive case study grids tailored for mobile and desktop screens.

Research

Design director and creative agency reviews require instant visual proof of craft. We audited portfolio interactions to ensure fluid 60 FPS transitions, clear typography hierarchy, and developer-ready design system demonstrations.

Design

Atmospheric obsidian theme (#070708) with electric purple and magenta aurora glows (#a855f7, #7c3aed), refined typography (Inter, Inter Tight, Great Vibes script accents), interactive mockups, and client testimonial cards.

Development

Built with Next.js App Router, Framer Motion scrubbed scroll transforms, an optimized canvas cursor trail that deactivates on low-power devices, and structured metadata for search and social sharing.

Challenges

Maintaining 60 FPS rendering while orchestrating complex backdrop-filter glassmorphism, multi-layer blur filters, and continuous canvas particles without triggering touch trapping or mobile gesture lag.

Outcome

Launched at monson-sunny.vercel.app with stellar reception, driving client bookings on Contra, Behance inquiries, and inbound design contracts.

Lessons

When building for top-tier UI/UX designers, the engineering must match the design fidelity. Micro-interactions and fluid physics elevate a portfolio from a resume into a working demonstration of design excellence.

Contact

Let’s build something worth remembering.

I’m always up for a good problem and good company. If you’re building something interesting, say hello.