Librerie UI per il Vibe Coding

Quando fai vibe coding, nominare una libreria testata nel prompt sostituisce il codice inventato con codice collaudato: meno errori, un agente più potente.

NumberFlow

Animate numbers

Transizioni fluide e leggibili tra un numero e l’altro: le cifre scorrono come un contachilometri. Chiedila per contatori, prezzi e dashboard invece di far animare i numeri all’AI a mano.

number-flow.barvian.me

input-otp

One-time passwords

Il campo per i codici OTP fatto bene: caret animato, avanzamento automatico, incolla che distribuisce le cifre. Un pattern pieno di casi limite che non conviene reinventare nel prompt.

input-otp.rodz.dev

Liveline

Real-time charts

Grafici che scorrono in tempo reale mentre arrivano nuovi dati, senza ricalcolare tutto a ogni frame. Un solo canvas, interpolazione fluida a 60fps.

benji.org/liveline

dither-kit

Dithered charts

Grafici (area, linea, barre, torta, radar) con riempimenti a retino ordinato, animazione d’ingresso e tooltip che scorre. Un motore canvas minuscolo al posto di recharts: si installa dal registry shadcn.

tripwire.sh/dither-kit

Leva

Customizable GUIs

Pannelli di controllo pronti all’uso: slider, colori e toggle che pilotano dei valori in tempo reale. Perfetta per prototipare e regolare parametri senza costruire una UI di controllo da zero.

leva.pmnd.rs

cmdk

Command menus

Il menu comandi stile ⌘K: ricerca filtrata, navigazione da tastiera, accessibilità inclusa. Un componente denso di dettagli che un agente farebbe fatica a replicare corretto.

cmdk.paco.me

Virtuoso

Virtualization

Renderizza liste enormi tenendo nel DOM solo le righe visibili: migliaia di elementi che scorrono fluidi. Chiedila quando l’AI ti propone di stampare 10.000 nodi tutti insieme.

virtuoso.dev

dnd kit

Drag and drop

Drag & drop moderno: riordino con animazione, supporto a tastiera e touch, accessibile. Il tipo di interazione fragile che conviene delegare a codice collaudato.

dndkit.com

Sonner

Notifications

Toast che si impilano, si espandono al passaggio del mouse e si chiudono da soli. Gestione delle notifiche curata nei minimi dettagli, pronta da nominare nel prompt.