Il Miglior Design,
Pronto per 
Claude Code
488 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 AI
Una 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.com
Grafici interattivi per la finanza
Un kit per dashboard finanziarie con budget a celle esagonali, flussi di allocazione, barre di spesa e tooltip che seguono il puntatore.
Kit di strumenti per l'effetto pixel retro
Un 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.
Blocchi React pronti per prodotti
Una libreria di blocchi shadcn e Tailwind CSS per assemblare dashboard, interfacce AI, tabelle e flussi e-commerce.
Componenti React per prodotti AI
Una libreria React con grafi di agenti, tracce di esecuzione, input chat e dashboard da esplorare quando costruisci un prodotto AI: affectui.com.
Sviluppare il gusto
Emil Kowalski sul perché il gusto conta per chi costruisce prodotti e sulle abitudini pratiche che lo allenano.
I 12 principi dell'animazione
I classici principi dell'animazione Disney, ognuno con un esempio interattivo e applicato alle interfacce.
animations.dev
Il corso di Emil Kowalski sulle animazioni web: teoria, CSS, Framer Motion e il gusto per capire quando e come animare.
Sonner
Il componente toast per React di Emil Kowalski: notifiche impilate e da scorrere via che funzionano e basta.
WebHaptics
Feedback aptico per il web da telefono: piccole vibrazioni su tocchi e toggle, dove il browser lo permette.
soundcn
Oltre 700 effetti sonori per interfacce scelti con cura, da installare come componenti shadcn.
Linee guida per interfacce web
L'elenco di Rauno Freiberg dei dettagli che fanno una buona interfaccia web, da focus e form ad animazioni e aree di tocco.
cmdk
Il componente React veloce e senza stile dietro molte palette ⌘K: lo stile lo metti tu.
UI Playbook
Una raccolta documentata di componenti UI: a cosa serve ognuno, come è fatto e gli errori da evitare.
Devouring Details
Un manuale interattivo di interaction design di Rauno Freiberg, dove ogni principio è qualcosa da toccare.
Family Values
I principi di design del wallet Family, spiegati con le animazioni che l'hanno reso famoso: semplicità, fluidità, piacere.
Liveline
Un grafico a linee animato in tempo reale per React: la linea scorre quando arrivano dati nuovi, per dashboard e quotazioni dal vivo.
svg.guideArticoliCorso interattivo di animazioni SVG
Un mini corso pratico sulle animazioni SVG di Nanda Syahrasyad, con esempi da provare a ogni passo.
I dettagli invisibili dell'interaction design
Rauno Freiberg su cosa fa sembrare giusta un'interazione, con demo dal vivo su inerzia, interruzioni e coerenza nello spazio.
Interface Craft
Una biblioteca di lavoro per disegnare interfacce con una cura fuori dal comune: lezioni e studi sui dettagli che quasi tutti saltano.
OKLCH.fyi
Converti, genera ed esplora i colori OKLCH per creare palette con la stessa luminosità su tutte le tinte.
userinterface.wiki
Un manuale vivo per interfacce migliori: principi di movimento, tipografia e interazione, ognuno con esempi interattivi.
Design Engineer Tools
Un elenco di strumenti utili per design engineer che lavorano sul web, da colori e testo a movimento e codice.
Easing Graphs
Una raccolta visiva di curve di easing con grafico e valori, per scegliere la curva giusta invece di tirare a indovinare un cubic-bezier.
affectUI: componenti React per agenti AI
Una 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.com
Kit di strumenti per l'effetto pixel retro
Un 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.
Componenti React per prodotti AI
Una libreria React con grafi di agenti, tracce di esecuzione, input chat e dashboard da esplorare quando costruisci un prodotto AI: affectui.com.
I 12 principi dell'animazione
I classici principi dell'animazione Disney, ognuno con un esempio interattivo e applicato alle interfacce.
Sonner
Il componente toast per React di Emil Kowalski: notifiche impilate e da scorrere via che funzionano e basta.
soundcn
Oltre 700 effetti sonori per interfacce scelti con cura, da installare come componenti shadcn.
cmdk
Il componente React veloce e senza stile dietro molte palette ⌘K: lo stile lo metti tu.
Devouring Details
Un manuale interattivo di interaction design di Rauno Freiberg, dove ogni principio è qualcosa da toccare.
Liveline
Un grafico a linee animato in tempo reale per React: la linea scorre quando arrivano dati nuovi, per dashboard e quotazioni dal vivo.
I dettagli invisibili dell'interaction design
Rauno Freiberg su cosa fa sembrare giusta un'interazione, con demo dal vivo su inerzia, interruzioni e coerenza nello spazio.
OKLCH.fyi
Converti, genera ed esplora i colori OKLCH per creare palette con la stessa luminosità su tutte le tinte.
Design Engineer Tools
Un elenco di strumenti utili per design engineer che lavorano sul web, da colori e testo a movimento e codice.
Grafici interattivi per la finanza
Un kit per dashboard finanziarie con budget a celle esagonali, flussi di allocazione, barre di spesa e tooltip che seguono il puntatore.
Blocchi React pronti per prodotti
Una libreria di blocchi shadcn e Tailwind CSS per assemblare dashboard, interfacce AI, tabelle e flussi e-commerce.
Sviluppare il gusto
Emil Kowalski sul perché il gusto conta per chi costruisce prodotti e sulle abitudini pratiche che lo allenano.
animations.dev
Il corso di Emil Kowalski sulle animazioni web: teoria, CSS, Framer Motion e il gusto per capire quando e come animare.
WebHaptics
Feedback aptico per il web da telefono: piccole vibrazioni su tocchi e toggle, dove il browser lo permette.
Linee guida per interfacce web
L'elenco di Rauno Freiberg dei dettagli che fanno una buona interfaccia web, da focus e form ad animazioni e aree di tocco.
UI Playbook
Una raccolta documentata di componenti UI: a cosa serve ognuno, come è fatto e gli errori da evitare.
Family Values
I principi di design del wallet Family, spiegati con le animazioni che l'hanno reso famoso: semplicità, fluidità, piacere.
svg.guideArticoliCorso interattivo di animazioni SVG
Un mini corso pratico sulle animazioni SVG di Nanda Syahrasyad, con esempi da provare a ogni passo.
Interface Craft
Una biblioteca di lavoro per disegnare interfacce con una cura fuori dal comune: lezioni e studi sui dettagli che quasi tutti saltano.
userinterface.wiki
Un manuale vivo per interfacce migliori: principi di movimento, tipografia e interazione, ognuno con esempi interattivi.
Easing Graphs
Una raccolta visiva di curve di easing con grafico e valori, per scegliere la curva giusta invece di tirare a indovinare un cubic-bezier.
affectUI: componenti React per agenti AI
Una 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.com
Blocchi React pronti per prodotti
Una libreria di blocchi shadcn e Tailwind CSS per assemblare dashboard, interfacce AI, tabelle e flussi e-commerce.
I 12 principi dell'animazione
I classici principi dell'animazione Disney, ognuno con un esempio interattivo e applicato alle interfacce.
WebHaptics
Feedback aptico per il web da telefono: piccole vibrazioni su tocchi e toggle, dove il browser lo permette.
cmdk
Il componente React veloce e senza stile dietro molte palette ⌘K: lo stile lo metti tu.
Family Values
I principi di design del wallet Family, spiegati con le animazioni che l'hanno reso famoso: semplicità, fluidità, piacere.
I dettagli invisibili dell'interaction design
Rauno Freiberg su cosa fa sembrare giusta un'interazione, con demo dal vivo su inerzia, interruzioni e coerenza nello spazio.
userinterface.wiki
Un manuale vivo per interfacce migliori: principi di movimento, tipografia e interazione, ognuno con esempi interattivi.
Grafici interattivi per la finanza
Un kit per dashboard finanziarie con budget a celle esagonali, flussi di allocazione, barre di spesa e tooltip che seguono il puntatore.
Componenti React per prodotti AI
Una libreria React con grafi di agenti, tracce di esecuzione, input chat e dashboard da esplorare quando costruisci un prodotto AI: affectui.com.
animations.dev
Il corso di Emil Kowalski sulle animazioni web: teoria, CSS, Framer Motion e il gusto per capire quando e come animare.
soundcn
Oltre 700 effetti sonori per interfacce scelti con cura, da installare come componenti shadcn.
UI Playbook
Una raccolta documentata di componenti UI: a cosa serve ognuno, come è fatto e gli errori da evitare.
Liveline
Un grafico a linee animato in tempo reale per React: la linea scorre quando arrivano dati nuovi, per dashboard e quotazioni dal vivo.
Interface Craft
Una biblioteca di lavoro per disegnare interfacce con una cura fuori dal comune: lezioni e studi sui dettagli che quasi tutti saltano.
Design Engineer Tools
Un elenco di strumenti utili per design engineer che lavorano sul web, da colori e testo a movimento e codice.
Kit di strumenti per l'effetto pixel retro
Un 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.
Sviluppare il gusto
Emil Kowalski sul perché il gusto conta per chi costruisce prodotti e sulle abitudini pratiche che lo allenano.
Sonner
Il componente toast per React di Emil Kowalski: notifiche impilate e da scorrere via che funzionano e basta.
Linee guida per interfacce web
L'elenco di Rauno Freiberg dei dettagli che fanno una buona interfaccia web, da focus e form ad animazioni e aree di tocco.
Devouring Details
Un manuale interattivo di interaction design di Rauno Freiberg, dove ogni principio è qualcosa da toccare.
svg.guideArticoliCorso interattivo di animazioni SVG
Un mini corso pratico sulle animazioni SVG di Nanda Syahrasyad, con esempi da provare a ogni passo.
OKLCH.fyi
Converti, genera ed esplora i colori OKLCH per creare palette con la stessa luminosità su tutte le tinte.
Easing Graphs
Una raccolta visiva di curve di easing con grafico e valori, per scegliere la curva giusta invece di tirare a indovinare un cubic-bezier.