Playground · 6 experiments
Micro-interactions and motion experiments.
A collection of UI details I’ve been exploring — typing feedback, reveal flows, search, and more.
Site Cards
An isometric construction set: floors stack in as the cursor rises and the crane hook follows the working floor; the crane jib sweeps to the cursor around its reach ring; the nearest material pile lifts and reports its count.
Keyboard Interaction Playground
An exploration of typing interactions and key feedback. Each keystroke previews the character being entered while experimenting with motion, elevation, and subtle visual responses that make typing feel more tactile and alive.
Reveal Contact
A lead-enrichment table rebuilt one layer at a time. Each masked email reveals on click — spending a credit with a spinner, a fly-up chip, and a character-streamed address.
Universal Record Search
A CRM command palette designed around the states search actually lives in — empty, loading, grouped results, partial, none, too-many, timeout, and permission-gated — all in one component.
FX Currency Converter
A live currency converter exploring real-time data fetching, smooth number transitions, and motion-rich UI patterns. Swapping and updating currencies feels fluid with spring-powered animations and adaptive layout reflows.
Memory Sort Game
A drag-and-reorder memory challenge that tests short-term recall. Memorise the card order then rebuild it from memory. Each round gets harder — labels shift, reveal time shrinks, and the streak multiplier rewards consistency.