Squircle vs Rounded Corner

A visual comparison between iOS-style squircle corners and standard CSS border-radius, exploring the subtle differences in shape continuity.

Dashed Stroke Animation

Small Card Micro Animation

A small card with micro-interactions, toggle states, and smooth spring animations.

Submit Button States

Animated submit button with loading states, demonstrating visual feedback for different API response times.

3D Book

An interactive 3D book with realistic page-turning animation and hover effects.

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.

Scroll-Driven Mask

A scrollable container with a mask effect that fades out content at the edges using animation-timeline.

CSS-Driven Accordion

A smooth accordion component using CSS grid-template-rows for height transitions with React state management.

Rauno-Inspired Navigation

A collapsible navigation component inspired by Rauno Freiberg's designs.

Linear Orbit Animation

A simple animation of a circle orbiting a static center, created using CSS keyframes and 3D transforms.