Frontend ShowcaseSolo Developer2025
Minimal Motion Gallery
Frontend Showcase
Key Outcome
A typography-focused frontend showcase demonstrating CSS mastery, variable font animations, and sophisticated motion design.

The Challenge
Most portfolio projects focus on functionality. I wanted to build something that demonstrates a different kind of skill — an eye for design, restraint, and the ability to craft polished micro-interactions that feel intentional rather than decorative.
The challenge was to create a single-page experience where every animation serves a purpose, typography is the primary design element, and the overall feel communicates craft and taste.
What I Built
A single-page gallery experience built with modern frontend techniques:
- Variable font weight animations that respond to scroll position
- Magnetic hover effects on interactive elements using custom physics
- Smooth scroll-triggered section reveals with staggered timing
- Fluid typography scaling with CSS clamp() for responsive design
- Lenis smooth scrolling for inertial, natural-feeling navigation
- Full accessibility support with prefers-reduced-motion media query
Tech Stack
Next.js 15TypeScriptFramer MotionLenisTailwind CSSVariable Fonts