@kokonutui

AI chat input with a model menu, a separate Effort control, file chips you can drop or paste, a / command menu, and Stop while replying.

A button with its shortcut drawn as keycaps that sink as you press the real keys.

A two-sided card you spin with a drag or a flick, with thickness, light and a floor shadow that follow the angle.

Checkout bottom sheet on Vaul snap points, peeking at the total and dragging up for details.

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.

A landing hero where shapes drop in, pile up under the headline and can be grabbed and thrown.

AI thinking text with a soft wave through the letters and words that swap letter by letter.

A card rail you flick with momentum, snapping on a spring, with scroll-driven cover-flow depth and parallax.

A multi-file upload queue with per-file progress, retry and cancel.

⌘K command palette with nested pages, fuzzy matching and in-row progress for running actions.

AI composer with a Tools menu (browse, investigate, draft, run code, reason), a model picker and a live trace that stacks each source's avatar as it is read.

A headline hung like a Newton's cradle, so a knock on one letter clacks through the word, built with React and pendulum physics.

Transfer tracker that converts the amount in place, walks through each step on a filling rail and ends with a copyable reference.

A ribbon of lines in one color that keeps flowing at any size and parts around the cursor.

A halftone dot membrane that ripples behind a swipe and rings out from a click, built with React and Canvas.

Streamlines that part around the cursor, swirl in its wake and scatter on click, built with React and Canvas.

A living contour map that drifts, rises under the cursor and ripples on click, built with React and Canvas.

A pleated curtain in a breeze that you can push and pull, built with React, WebGL and a cloth simulation.

Activity rings that draw with a count-up, lap past 100% with a shadowed end cap and dim to focus, built with React and Motion.

Voice input with a scrolling waveform, then a take you can play back, discard or send.

Tabs with a swipeable panel, a drag-tracked indicator and spring physics.

A radial menu you hold to open or flick to pick blind, built with React and Motion.

Seat picker with a scrubbable number, generated avatars and an optional rolling price line.

Rotary knob that clicks from notch to notch and coasts when flicked, built with React and Motion.

A vertical slider you fill like a glass, with a sloshing surface and rising bubbles.

A signature field with a sprung pen tip, speed-weighted ink and SVG output.

Light and dark theme toggle whose sun folds into a moon while the new theme spreads from the button as a circle.

A lamp switch you pull on a swinging cord, built with React and a rope simulation.

A confirm button you tear off like a ticket stub, hole by hole.

A subscribe button whose bell swings and rings, with a clapper that really strikes.

Dashboard widgets you lift, drag and resize on a 6-column grid, with spring physics and full keyboard support.

Press and hold to confirm, with a fill that drains back on early release and a drawn check on completion.

A call-to-action button wrapped in a field of iron filings that align to its magnetic field and lean toward your cursor.

Layered gradient button with emerald, purple and orange variants, a gradient border, a soft inner glow, press feedback and an optional icon.

Open in v0 button that sends a component registry JSON to v0.dev for instant editing, built with React, the shadcn Button, and Tailwind CSS.

An editor tool dock with a sliding selection plate, shortcut tooltips and flyouts that you can throw to any edge.

Agent progress as a list of steps with a live log, elapsed time and a summary when done.

Approve or deny an agent's tool calls. Destructive calls need a press and hold, and decided calls fold into a trace with their output.

How full the context window is, as a ring in the prompt footer that opens a breakdown by source and compacts when it fills.

An answer with source chips beside each claim. One preview glides between chips and lights up the sentence it backs.

A coding agent's edits streaming in file by file, then reviewed per file with accept, reject and undo.

Pick a model and how hard it thinks. Effort is a detent track that reshapes for each model and keeps your level when you switch.

A pile of image cards you drag, flick off the top and send under the deck, with arrow keys and a details view.

Stacked notifications that fan out on hover and swipe away, built with React and Tailwind CSS.

A usage meter filled with liquid that sloshes, ripples and bubbles, built with React and a wave simulation.

A contribution heatmap that tilts up into a 3D terrain you can turn, built with React and canvas.

A receipt that prints line by line, then tears off and falls when you pull it, built with React.

A revenue KPI card. Scrub a day, drag a range, or pick a segment; the number rolls, the line morphs and the breakdown follows.

A status page card with 90 days per service that swell under the cursor, and a day you click opens its incident log.

A spending breakdown you spin like a dial; flick the ring and it settles with a category under the marker.

Set where a photo's subject is and see every crop follow it live. Hover a crop to see what it cuts.

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.

A video trim timeline with a filmstrip, handles that snap to whole seconds and a playhead that loops the kept range.

A transcript that follows the spoken word, lets you click any word to jump there, and waits when you scroll away.

Generated avatars from a name, morphing as you type, on a 3D coin you can flick, tap or shuffle.

iOS-style 3D drum picker with flick momentum, built with React and Motion.

Typewriter text that makes the odd typo and corrects it, erases by selecting, and blinks its caret only when idle, built with React and Motion.

Zinc 3D extruded text lit by your pointer, with letters that press in like keycaps.

A section rail for long pages, with a tick per heading that you can hover, click or drag to scrub, built with React.

A headline sitting on a string you can pluck, strum and let ring, built with React and real string physics.

Flat text that cuts into hard-shifted bands with a thin red/cyan split, on idle, hover or text change.

Morphing text where shared letters travel, old ones fall and new ones land, with decode and cycle modes.

A status button for async actions, with a spinner, a drawn check and a particle burst on success.

Music card with a spinning disc you can grab and turn to scrub, built with React and Tailwind CSS.

An account card that morphs into its own menu, with account switching, status, theme and hold-to-sign-out.

Animated loading indicator with rotating gradient rings, size variants and customizable title text. Built with React and Tailwind CSS.

Animated link button with a vertical text slide on hover and default and ghost variants, built with React, Next.js Link, and Tailwind CSS.

Navigation bar that splits around the active link, with drag-to-scrub, flick projection and an optional compact fold.

A pill that reports background work, reshaping as tasks change and opening into a list of everything in flight.

A button that grows into the form it opens, with its label sliding up to become the title, then shrinks into a confirmation.

A photo grid whose thumbnails grow into a full view and fly back to their slot when you drag them down.

Inline text hidden under drifting specks, like a chat spoiler. A click blows the specks away from the point you touched.

A panel that drills into pages like settings on a phone. The tapped row's label flies up into the title, and a swipe right takes you back.

A text box that suggests how your sentence ends in grey after the caret. Tab takes it all, the right arrow takes one word, and typing the same letters keeps it.

An action button that gives you a few seconds to take it back, with the time left drawn around its own edge.

Find a meeting time across time zones. Turn the meeting round a 24-hour dial where each ring is someone's day.

A book you turn by the corner. Drag a page over the spine or tap to turn it.

An answer where every unsure word shows what else the model weighed. Pick another word and the reply writes itself again from there.

A chat where editing a message starts a new branch. A small tree beside it shows every version, and you can jump between them.

A lead agent hands work to sub-agents that run side by side. Each gets a lane of tool calls, and you can scrub through the whole run.

Select text in a document and ask AI to rewrite it. The edit streams in place as a word-level diff you accept, discard or try again.

Keep typing while the agent works. Follow-ups stack above the composer, where you can reorder, edit or send one now, and go in one by one when the run ends.

Masks names, emails, card numbers and keys as placeholders before a prompt is sent, then fills the real values back into the reply.

An assistant that saves what it learns about you into a memory list. New facts replace the ones they contradict, and you can edit or forget any of them.

Hand-drawn highlights, underlines, circles, boxes and strikes that draw themselves in reading order when the text comes into view.

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.

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.

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.

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.

Pick seats for a show. Drag along a row to take several, and it points out any single seat you'd leave stranded.

A keypad for sending money. Digits spring into place, commas slide them along, and the amount shrinks to fit as it grows.

A confirm control for payments and other actions you can't take back. Slide the thumb to the end, or flick it.

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.

An Add button that opens into a quantity stepper in place, with a bin at one and press-and-hold to repeat.

A one-row card input for checkout. The number groups the way the brand prints it, then slides to its last four to make room for expiry and CVC.

A date range picker for booking stays. Every night shows its price, sold-out nights are hatched, and your stay is one pill that wraps across weeks.

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.

A tip picker for checkout, set on a tape you drag and flick. The ticks you pass fill in, the amounts roll, and Round up makes the total a whole amount.

A boarding pass that keeps itself current. When the gate or times change, only the changed characters roll over, the old value struck through.

Departure-board lettering for headlines and status lines. Each tile flips only as far as its new letter, on a hinge, a beat after its neighbour.

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.

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.

React hook that auto-resizes a textarea to fit its content between a min and max height.

React hook that runs a callback when the user clicks outside the referenced element.

React hook that copies text to the clipboard and exposes a copied state with a reset timeout.

React hook that reports whether the viewport is below the 768px mobile breakpoint.

The cn utility for merging Tailwind CSS classes, built on clsx and tailwind-merge.