views

Crafted Search Bar

One of the most widely used components in today’s digital world: the search bar. This version is thoughtfully crafted with meticulous attention to every state, from success to error, ensuring a seamless experience throughout. It’s super fluid, lightweight, and built with zero dependencies from scratch.

Dangerous Menu Split

A directional menu pattern that separates safe actions from destructive ones, using physical spacing and motion to make risky choices feel intentionally distinct.

AI Action Tooltip

A tooltip that goes beyond explanation and lets the user act on the context immediately, with direct options to ask Claude or ChatGPT from inside the surface itself.

Criss-Cross Carousel

A plus-shaped logo carousel where one logo shifts horizontally and another vertically in alternating turns, making the whole motion feel closer to a Rubik’s Cube than a typical slider.

Navigation Pill Cutout

An exploration of tactile navigation feedback through a sliding cutout pill, subtle light sweeps, and click ripples that make tab selection feel more alive without overcomplicating the control.

Verification Code Component

A simple component in making verification feel responsive and polished, with scrambling digits, scan feedback, and a compact success state that keeps the flow clear from input to confirmation.

Logo Display

A compact brand carousel-kinda study focused on motion rhythm.

the 25 loaders

I wanted to push my thinking around one focused interface detail, so I chose loaders. The idea was to create 25 different loaders that could either loop while something loads or clearly communicate progress from 0 to 100%. I could get around 16 or 17 of them done so far, so this one is still on the way.

Share Bloom Button

A share interaction study where options bloom outward from the center with layered timing, blur, and scale to make a small action feel more expressive.

Jiggle Mode Reorder

A playful reordering pattern inspired by touch-first systems, combining jiggle cues, ghost dragging, and slot-in motion to make list editing feel tangible.