Il Miglior Design,
Pronto per 
Claude Code
487 interazioni, componenti, siti e risorse per siti, app e gestionali. Copi il prompt e il tuo agente lo rifà nel tuo progetto.
affectUI: componenti React per agenti AIUna libreria di 132 componenti React pensati per prodotti AI (board di agenti, alberi di esecuzione, stati di ragionamento, picker), un file ciascuno e senza dipendenze, da incollare a mano o far aggiungere a Claude, Cursor o v0. Sito: affectui.comx.com
Grafici interattivi per la finanzaUn kit per dashboard finanziarie con budget a celle esagonali, flussi di allocazione, barre di spesa e tooltip che seguono il puntatore.x.com
Kit di strumenti per l'effetto pixel retroUn breve giro registrato di strumenti web e app per pixel art, dithering, mezzetinte e palette: utile quando vuoi un look pixel retro in un progetto o in un'interfaccia.x.com
Blocchi React pronti per prodottiUna libreria di blocchi shadcn e Tailwind CSS per assemblare dashboard, interfacce AI, tabelle e flussi e-commerce.reui.io
Componenti React per prodotti AIUna libreria React con grafi di agenti, tracce di esecuzione, input chat e dashboard da esplorare quando costruisci un prodotto AI: affectui.com.x.com
Sviluppare il gustoEmil Kowalski sul perché il gusto conta per chi costruisce prodotti e sulle abitudini pratiche che lo allenano.emilkowal.ski
I 12 principi dell'animazioneI classici principi dell'animazione Disney, ognuno con un esempio interattivo e applicato alle interfacce.raphaelsalaja.com
animations.devIl corso di Emil Kowalski sulle animazioni web: teoria, CSS, Framer Motion e il gusto per capire quando e come animare.animations.dev
SonnerIl componente toast per React di Emil Kowalski: notifiche impilate e da scorrere via che funzionano e basta.sonner.emilkowal.ski
WebHapticsFeedback aptico per il web da telefono: piccole vibrazioni su tocchi e toggle, dove il browser lo permette.haptics.lochie.me
soundcnOltre 700 effetti sonori per interfacce scelti con cura, da installare come componenti shadcn.soundcn.xyz
Linee guida per interfacce webL'elenco di Rauno Freiberg dei dettagli che fanno una buona interfaccia web, da focus e form ad animazioni e aree di tocco.interfaces.rauno.me
cmdkIl componente React veloce e senza stile dietro molte palette ⌘K: lo stile lo metti tu.github.com
UI PlaybookUna raccolta documentata di componenti UI: a cosa serve ognuno, come è fatto e gli errori da evitare.uiplaybook.dev
Devouring DetailsUn manuale interattivo di interaction design di Rauno Freiberg, dove ogni principio è qualcosa da toccare.devouringdetails.com
Family ValuesI principi di design del wallet Family, spiegati con le animazioni che l'hanno reso famoso: semplicità, fluidità, piacere.benji.org
LivelineUn grafico a linee animato in tempo reale per React: la linea scorre quando arrivano dati nuovi, per dashboard e quotazioni dal vivo.github.com
Corso interattivo di animazioni SVGUn mini corso pratico sulle animazioni SVG di Nanda Syahrasyad, con esempi da provare a ogni passo.svg.guide
I dettagli invisibili dell'interaction designRauno Freiberg su cosa fa sembrare giusta un'interazione, con demo dal vivo su inerzia, interruzioni e coerenza nello spazio.rauno.me
Interface CraftUna biblioteca di lavoro per disegnare interfacce con una cura fuori dal comune: lezioni e studi sui dettagli che quasi tutti saltano.interfacecraft.dev
OKLCH.fyiConverti, genera ed esplora i colori OKLCH per creare palette con la stessa luminosità su tutte le tinte.oklch.fyi
userinterface.wikiUn manuale vivo per interfacce migliori: principi di movimento, tipografia e interazione, ognuno con esempi interattivi.userinterface.wiki
Design Engineer ToolsUn elenco di strumenti utili per design engineer che lavorano sul web, da colori e testo a movimento e codice.designengineer.tools
Easing GraphsUna raccolta visiva di curve di easing con grafico e valori, per scegliere la curva giusta invece di tirare a indovinare un cubic-bezier.easing.dev