Component Lab.
My open portfolio of interface experiments - and a workspace where new patterns take shape before becoming part of a larger system.
Each piece is distilled from real project work. Some are standalone interactive components; others are reusable patterns designed to work across different products and services.
Point Sphere
LiveA 3D point cloud that tilts toward the cursor and scatters the points nearest to it as you move across.
Open experiment
Centered Onboarding
LiveA first-run flow as a centered card, with an animated progress bar and smooth slide-and-fade step transitions.
Open experiment
Split Onboarding
LiveA split-screen first-run flow: persona cards recolor a live preview and branch what the next step asks.
Open experiment
Stepper Onboarding
LiveA left-stepper first-run flow: inline-validated fields, an auto-advancing code, and a success celebration.
Open experiment
Plan & Pricing
SoonA SaaS plan selector that compares tiers, sets a clear default, and keeps the upgrade path obvious.
Coming soon
Transaction Timeline
SoonA fintech activity timeline that groups transactions with a running balance and clear status states.
Coming soon
Wave Field
SoonAn animated line field that bends and ripples in response to how fast the pointer moves across it.
Coming soon
Orbit Rings
SoonNested orbital rings you can tilt by dragging, exploring depth read from overlapping elliptical paths.
Coming soon
Mesh Gradient
SoonA living mesh-gradient surface whose color control points drift, with grain and palette as live knobs.
Coming soon
Checkout Flow
SoonA multi-step checkout: cart review, address, payment, and confirmation, with validation along the way.
Coming soon
Auth Flow
SoonSign-in and sign-up in one flow: email, password rules, a one-time code, and graceful error states.
Coming soon
Upgrade Flow
SoonAn in-app upgrade flow: compare plans, pick a tier, confirm payment, and land on the unlocked state.
Coming soon
Command Palette
SoonA keyboard-first command palette: fuzzy search, grouped actions, recents, and arrow-key navigation.
Coming soon
Notification Center
SoonA notification center: grouped items, read and unread states, inline actions, and quiet filtering.
Coming soon
Need a custom component that feels as good as it looks?
Get in touch
Toolkit
Open-source icons
A browsable reference of Lucide, the open-source icon set, plus a ready-made Claude skill. Use it to pick and place icons in any project, by hand or with your AI.
Open the Lucide library