SNIPPETS
A collection of custom components, design experiments, and small projects I've built. Each snippet represents a focused exploration of design and engineering.
Scroll-Driven Mask
A scrollable container with a mask effect that fades out content at the edges using animation-timeline
Linear Orbit Animation
A simple animation of a circle orbiting a static center, created using CSS.
Rauno-Inspired Navigation
A collapsible navigation component inspired by Rauno Freiberg's designs.
Sidebar Hover Reveal
A responsive collapsible sidebar with hover-reveal functionality, inspired by V0's UI.
3D Space Hover
A 3D card grid with hover elevation effects using pure CSS transform-style: preserve-3d.
3D Card
An experimental 3D card with depth illusion using concentric circles.
3D Book
An interactive 3D book with realistic page-turning animation and hover effects.
Submissions
Animated submit button with loading states, demonstrating visual feedback for different API response times.
Dashed Stroke Animation
Interactive cards with animated dashed border strokes.