Lab

Interactive components.

A growing collection of UI patterns, micro-interactions, and visual experiments. Everything you see is live and built from scratch. No third-party widgets, no Bootstrap, no copy-paste.

10Components
04Collections
100%Hand-built
← Back to home
UI Polish4 components

Everyday UI, done right.

Everyday UI patterns elevated with craft. Components you've seen a thousand times, but rarely done right.

Click to preview the cookie consent flow
Cookie Consent Modal

GDPR-aware, categorized, portal-rendered. Toggles per category.

React Portal · CSS Interactive
DEMO · dark Click to toggle (ripple effect)
Theme Toggle

Sun→moon morph with viewport-style ripple. Scoped to this card only.

CSS Animations · SVG Interactive
Skeleton
Shimmer
0%
Progress
Spinner
Wave
Loading States

Five patterns running in parallel. Skeleton, shimmer, progress, spinner, wave.

Pure CSS Interactive
Multi-step Form

Inline validation, chip selectors, animated success.

React Interactive
Wow Visuals2 components

Push the medium.

Visual experiments that push the medium. 3D, motion, custom canvas, used sparingly, but when they fit, they sing.

click dot to focus
Interactive Globe

Drag to rotate. Hover dots for local time. Click to focus a city.

Canvas 2D · Orthographic Full version
move cursor · click buttons
Cursor Effects

Comet trail + magnetic buttons. Smooth, performant, desktop-only.

Canvas API Interactive
Visual Polish3 components

Where craft meets motion.

Interactive showcases built from scratch. No third-party widgets, no shortcuts.

Hover and move your cursor across each panel. Notice how every layer reacts at its own depth. The foreground races, the background drifts.

Studio2 components

Hands-on demos.

Drag, drop, click, watch it respond. Components that feel like the real thing.

Tic-tac-toe

You are X, it moves second. It searches every remaining line, so it cannot be beaten, only drawn.

Minimax · Unbeatable Interactive

The interface is the half you see.

Behind every component here sits the part that decides whether a product survives real traffic: the architecture, the deploys, the monitoring.