The explorer for the shadcn registry ecosystem.
[kokonut/ui] An Add button that opens into a quantity stepper in place, with a bin at one and press-and-hold to repeat.
[kokonut/ui] A hero on the floor of a pool. Light ripples across it, clicks drop rings that bend the light, and the headline's shadow wobbles below.
[kokonut/ui] A video trim timeline with a filmstrip, handles that snap to whole seconds and a playhead that loops the kept range.
[kokonut/ui] A button with its shortcut drawn as keycaps that sink as you press the real keys.
[kokonut/ui] Pick from a shoot the way photographers do. Circle a frame in china marker, click again to strike it, and look through a loupe at the detail first.
[kokonut/ui] A headline hung like a Newton's cradle, so a knock on one letter clacks through the word, built with React and pendulum physics.
[kokonut/ui] Transfer tracker that converts the amount in place, walks through each step on a filling rail and ends with a copyable reference.
[kokonut/ui] Rotary knob that clicks from notch to notch and coasts when flicked, built with React and Motion.
[kokonut/ui] A halftone dot membrane that ripples behind a swipe and rings out from a click, built with React and Canvas.
[kokonut/ui] A pleated curtain in a breeze that you can push and pull, built with React, WebGL and a cloth simulation.
[kokonut/ui] Morphing text where shared letters travel, old ones fall and new ones land, with decode and cycle modes.
[kokonut/ui] A multi-file upload queue with per-file progress, retry and cancel.
[kokonut/ui] Streamlines that part around the cursor, swirl in its wake and scatter on click, built with React and Canvas.
[kokonut/ui] Set where a photo's subject is and see every crop follow it live. Hover a crop to see what it cuts.
[kokonut/ui] Flat text that cuts into hard-shifted bands with a thin red/cyan split, on idle, hover or text change.
[kokonut/ui] Layered gradient button with emerald, purple and orange variants, a gradient border, a soft inner glow, press feedback and an optional icon.
[kokonut/ui] Any image, or a lit sphere, printed as a halftone dot screen, with a loupe that looks closer under the cursor, built with React and canvas.
[kokonut/ui] Press and hold to confirm, with a fill that drains back on early release and a drawn check on completion.
[kokonut/ui] A hero written in ink on water. Stir it and the letters bleed, click to drop ink, and the headline gathers itself again. Built with WebGL.
[kokonut/ui] A photo grid whose thumbnails grow into a full view and fly back to their slot when you drag them down.
[kokonut/ui] A usage meter filled with liquid that sloshes, ripples and bubbles, built with React and a wave simulation.
[kokonut/ui] Music card with a spinning disc you can grab and turn to scrub, built with React and Tailwind CSS.
[kokonut/ui] A vertical slider you fill like a glass, with a sloshing surface and rising bubbles.
[kokonut/ui] Animated loading indicator with rotating gradient rings, size variants and customizable title text. Built with React and Tailwind CSS.
[kokonut/ui] Set a pickup point the way ride apps do. Drag the map under a fixed pin; it lifts off its shadow, glides onto the nearest curb, drops, and the street rolls in.
[kokonut/ui] Hand-drawn highlights, underlines, circles, boxes and strikes that draw themselves in reading order when the text comes into view.
[kokonut/ui] A radial menu you hold to open or flick to pick blind, built with React and Motion.
[kokonut/ui] A revenue KPI card. Scrub a day, drag a range, or pick a segment; the number rolls, the line morphs and the breakdown follows.
[kokonut/ui] Navigation bar that splits around the active link, with drag-to-scrub, flick projection and an optional compact fold.
[kokonut/ui] A button that grows into the form it opens, with its label sliding up to become the title, then shrinks into a confirmation.
[kokonut/ui] Stacked notifications that fan out on hover and swipe away, built with React and Tailwind CSS.
[kokonut/ui] A book you turn by the corner. Drag a page over the spine or tap to turn it.
[kokonut/ui] A status button for async actions, with a spinner, a drawn check and a particle burst on success.
[kokonut/ui] Level a crooked photo on a ruler you drag or flick. The crop grows to hide the corners, and a grid shows while you adjust.
[kokonut/ui] A headline sitting on a string you can pluck, strum and let ring, built with React and real string physics.
[kokonut/ui] An account card that morphs into its own menu, with account switching, status, theme and hold-to-sign-out.
[kokonut/ui] A lamp switch you pull on a swinging cord, built with React and a rope simulation.
[kokonut/ui] A hero seen through a rainy window. Drops gather and run, each a tiny lens on the view, and dragging wipes the fog off the glass.
[kokonut/ui] A receipt that prints line by line, then tears off and falls when you pull it, built with React.
[kokonut/ui] A bookmark button that files into collections. Tap to save to the last one, then change it or make a new one from the strip.
[kokonut/ui] A section rail for long pages, with a tick per heading that you can hover, click or drag to scrub, built with React.
[kokonut/ui] Pick seats for a show. Drag along a row to take several, and it points out any single seat you'd leave stranded.
[kokonut/ui] A headline that works as a sundial. Each letter casts a long, soft shadow set by the reader's clock, and bringing the pointer close turns it into a lamp.
[kokonut/ui] A landing hero where shapes drop in, pile up under the headline and can be grabbed and thrown.
[kokonut/ui] A signature field with a sprung pen tip, speed-weighted ink and SVG output.
[kokonut/ui] Animated link button with a vertical text slide on hover and default and ghost variants, built with React, Next.js Link, and Tailwind CSS.
[kokonut/ui] A confirm control for payments and other actions you can't take back. Slide the thumb to the end, or flick it.
[kokonut/ui] Book a meeting on a day rail. Drag a meeting into a free gap; it hops over existing bookings, resizes in place and shows the host's local time.