Component Lab
Interactive UI experiments and micro-interactions. Hover, scroll, and click around.
// CSS Micro-interactions
Looping UI animations built entirely with CSS keyframes. No JavaScript, no libraries — just @keyframes and elastic easing.
// Text Reveal on Scroll
Words and characters reveal as you scroll. Built with IntersectionObserver, no libraries.
Design is not just what it looks like and feels like. Design is how it works.
Build · Ship · Iterate
// Product Card
E-commerce cards with 3D tilt on hover and a sliding overlay for quick actions.
Ceramic Vase
$89
Hand-thrown stoneware with a reactive glaze finish. Each piece is unique.
Oak Desk Lamp
$124
Solid oak base with adjustable brass arm. Warm LED bulb included.
Linen Throw
$65
Stonewashed Belgian linen. Softens beautifully with every wash.
// Scroll Product Reveal
A product transforms as you scroll — fading, rotating, scaling, and revealing details.
// Add to Cart Animation
Micro-interaction: button morphs, product flies to cart, counter bounces.
// Page Transitions
View Transitions API demo with fade, slide, and morph effects between pages.
Welcome
A modern storefront with curated collections and seasonal highlights.
// Drawer Components
Bottom and side drawers with drag-to-dismiss, snap points, nested stacking, and forms. Pure CSS + vanilla React.