UI Libraries for Vibe Coding

Smooth, legible transitions from one number to the next: digits roll like an odometer. Ask for it for counters, prices and dashboards instead of having the AI hand-animate numbers.

The OTP code field done right: animated caret, auto-advance, paste that distributes the digits. A pattern full of edge cases you don't want to reinvent in the prompt.

Charts that scroll in real time as new data arrives, without recalculating everything on every frame. A single canvas, smooth interpolation at 60fps.

Charts (area, line, bar, pie, radar) with ordered-dither fills, entry animation and a tooltip that glides along. A tiny canvas engine instead of recharts: it installs from the shadcn registry.

Ready-to-use control panels: sliders, colors and toggles that drive values in real time. Perfect for prototyping and tuning parameters without building a control UI from scratch.

The ⌘K-style command menu: filtered search, keyboard navigation, accessibility included. A component dense with details an agent would struggle to replicate correctly.

Renders huge lists while keeping only the visible rows in the DOM: thousands of items scrolling smoothly. Ask for it when the AI suggests printing 10,000 nodes all at once.

Modern drag and drop: animated reordering, keyboard and touch support, accessible. The kind of fragile interaction you're better off delegating to battle-tested code.

Toasts that stack, expand on hover and dismiss themselves. Notification handling polished down to the smallest detail, ready to name in your prompt.