24 gennaio 2026
Presentiamo RetroUI 2.0 - più grande, più audace, migliore
Dopo mesi di lavoro, RetroUI 2.0 è qui. Supporto per Base UI, sito unificato, docs migliorate, oltre 100 nuovi blocks e un template del tutto nuovo. È il nostro aggiornamento più grande finora.
Dov Azencot
@DovAzencotSono mesi che costruiamo al buio. Oggi accendiamo la luce.
RetroUI 2.0 è qui, ed è l'aggiornamento più grande che abbiamo mai rilasciato. Non è un semplice cambio di numero di versione: è un'evoluzione completa di ciò che RetroUI può fare e di come ci interagisci.
Quando abbiamo lanciato RetroUI, l'obiettivo era semplice: dare agli sviluppatori una libreria UI che non assomigliasse a tutto il resto. Design audaci, un'estetica neobrutalista e componenti che fanno spiccare i tuoi progetti. Quella visione non è cambiata. Ma il modo in cui la realizziamo? Quello è evoluto in modo netto.
Entriamo nel dettaglio delle novità.
🎨 Supporto per Base UI - le fondamenta che chiedevi
Una delle funzionalità più richieste fin dal primo giorno è stata il supporto per Base UI, e finalmente è qui.
Cos'è Base UI?
Base UI è una libreria di componenti React accessibili e senza stile, creata dal team di MUI. Pensala come l'alternativa headless e agnostica rispetto al framework a Material UI: ottieni tutto il comportamento e tutta la logica di accessibilità senza alcun partito preso sul piano visivo.
Perché questo conta per RetroUI
Finora i componenti di RetroUI erano costruiti sulle primitive di Radix UI (che sono eccellenti, sia chiaro). Ma Base UI apre nuove possibilità:
- Flessibilità di framework: Base UI funziona senza attriti su React, Next.js e altri framework moderni
- Tree-shaking migliore: bundle più leggeri grazie a un'ottimizzazione affinata
- Accessibilità potenziata: le primitive di accessibilità di Base UI sono più che collaudate e conformi alle WCAG fin da subito
- Un'architettura a prova di futuro: pensata per i React Server Components e l'ecosistema React moderno
Cosa significa per te? I componenti di RetroUI ora sono più veloci, più accessibili e più flessibili che mai. E tutto senza rinunciare al linguaggio visivo audace e distintivo che ami.
// Now powered by Base UI under the hood
import { Button } from '@/components/neobrutalism'
<Button variant="primary">
Still bold. Still RetroUI. Now even better.
</Button>🌐 Un solo sito, una sola visione - OS e Pro uniti
Ecco una cosa che ci dava fastidio: tenere siti separati per RetroUI OS (gratuito) e RetroUI Pro risultava... frammentato. Come se dividessimo la nostra community invece di unirla.
Non più.
Un sito completamente ridisegnato
Abbiamo ricostruito da zero l'intero sito di RetroUI, fondendo OS e Pro in un'unica esperienza coerente. Ecco le novità:
Una libreria di componenti unificata
Sfoglia tutti i componenti, gratuiti e pro, in un unico posto. Basta saltare da un sito all'altro per vedere cosa c'è. Tutto è chiaramente contrassegnato, così sai cosa è gratuito e cosa è premium.
Una navigazione più pulita
Trovare ciò che ti serve è più rapido e intuitivo. Componenti, blocks, template, docs: ogni cosa ha il suo posto logico.
Un design più curato
Pratichiamo ciò che predichiamo. Il nuovo sito è più audace, più veloce e più rifinito. È una vetrina di ciò che RetroUI può fare quando ti impegni a fondo sull'estetica.
Un'esperienza mobile migliore
Il vecchio sito funzionava su mobile. Il nuovo su mobile brilla. Design responsive fatto come si deve, con interazioni touch che sembrano native.
La parte migliore? Tutto gira su componenti di RetroUI. Mangiamo il nostro stesso cibo: ogni componente che vedi sul sito è qualcosa che puoi usare nei tuoi progetti.
📚 Una documentazione che aiuta davvero
Diciamocelo: la documentazione resta spesso in secondo piano. Questa volta no.
Abbiamo rinnovato del tutto le docs di RetroUI, con funzioni che ti semplificano la vita:
Copia come Markdown
Stai lavorando alla documentazione del tuo progetto? Scrivendo un articolo su RetroUI? Ora puoi copiare il codice di un componente come Markdown con un solo clic.
Perfetto per:
- Creare la documentazione dei tuoi componenti
- Scrivere tutorial e guide
- Condividere esempi di codice in strumenti basati su Markdown (Notion, GitHub, ecc.)
Documentazione potenziata dall'IA
Abbiamo integrato l'assistenza dell'IA direttamente nelle docs. Hai una domanda su come personalizzare un componente? Devi capire l'API? L'IA ti aiuta a trovare risposte più in fretta rispetto al frugare tra pagine di documentazione.
Esempi di ciò che puoi chiedere:
- «Come faccio a far usare colori personalizzati al componente Button?»
- «Quali props accetta il componente Card?»
- «Mostrami esempi di uso della Modal con i form»
È come avere un esperto di RetroUI a disposizione, 24 ore su 24.
Esempi di codice migliorati
Ogni componente ora ha:
- Anteprime live con cui puoi interagire
- Più varianti che mostrano casi d'uso diversi
- Codice pronto da copiare e incollare con gli import corretti
- Esempi in TypeScript per una tipizzazione più sicura
- Note di accessibilità che spiegano come ogni componente gestisce l'a11y
Basta tirare a indovinare. Basta scavare nel codice sorgente. Solo esempi chiari e utili che ti fanno costruire più in fretta.
🧱 Oltre 100 nuovi blocks - costruisci più veloce che mai
I componenti sono ottimi. Ma a volte servono intere sezioni, non solo pulsanti e card.
È qui che entrano in gioco i blocks.
Cosa sono i blocks?
I blocks sono sezioni preconfezionate che puoi lasciar cadere nel tuo progetto: sezioni hero, tabelle prezzi, griglie di funzionalità, testimonianze, CTA e altro. Sono completamente responsive, accessibili e pronti da personalizzare.
Cosa c'è di nuovo nella 2.0?
Abbiamo aggiunto oltre 100 nuovi blocks in ogni categoria immaginabile:
Sezioni hero
- Oltre 15 nuove varianti di hero, dal minimalista al full-bleed
- Comprendono sfondi animati, layout split-screen e hero con video
Funzionalità e vantaggi
- Griglie di funzionalità basate su icone
- Vetrine con screenshot
- Guide passo passo
- Tabelle comparative
Tabelle prezzi
- Dai semplici layout a 2 colonne ai prezzi complessi su 4 livelli
- Interruttore di fatturazione (mensile/annuale)
- Matrici di confronto delle funzionalità
Testimonianze
- Layout a griglia, caroselli e composizioni a mosaico
- Testimonianze in video
- Muri di loghi come riprova sociale
CTA e conversioni
- Iscrizioni alla newsletter
- Form per liste d'attesa
- Sezioni di download dell'app
- Form di contatto con carattere
Header e navigazione
- Mega menu
- Pattern di navigazione pensati mobile-first
- Header fissi con effetti allo scroll
Footer
- Footer a più colonne
- Footer minimali a riga singola
- Footer con newsletter integrata
Ogni block è costruito con la stessa estetica audace di RetroUI: bordi spessi, ombre nette, colori vibranti e layout asimmetrici. Sono pensati per distinguersi, non per mimetizzarsi.
// Drop in a complete hero section in seconds
import { HeroBold } from '@/components/blocks'
<HeroBold
title="Your Product Name"
subtitle="Ship faster with bold design"
cta="Get Started"
/>🌙 Nuovo template: dashboard per strumenti dev in modalità scura
I template sono il punto in cui tutto converge: componenti, blocks e filosofia di design uniti in un'applicazione completa.
Presentiamo il nostro template più recente: la Dark Mode Dev Tool Dashboard.
Cos'è?
Una dashboard completa, pensata con la modalità scura in primo piano, per strumenti di sviluppo, piattaforme SaaS e pannelli di amministrazione. È tutto ciò che serve per costruire un'applicazione pronta per la produzione con l'estetica audace di RetroUI.
Cosa include?
Un layout di dashboard completo
- Navigazione laterale con menu comprimibile
- Header in alto con ricerca e profilo utente
- Design responsive che funziona su mobile, tablet e desktop
Pagine preconfezionate
- Panoramica della dashboard con metriche e grafici
- Gestione utenti (elenco, dettaglio, modifica)
- Pagina impostazioni con esempi di form
- Pagina di documentazione dell'API
- Gestione di fatturazione e abbonamenti
La modalità scura fatta bene
- Non semplici colori invertiti: progettata di proposito per gli sfondi scuri
- Alto contrasto per la leggibilità
- Colori d'accento vibranti che risaltano sugli sfondi scuri
Funzionalità pronte per la produzione
- Schermate di autenticazione (login, registrazione, password dimenticata)
- Stati di errore e stati vuoti
- Skeleton di caricamento
- Notifiche toast
- Finestre modali e conferme
Pensata per gli sviluppatori
- Costruita con TypeScript
- Struttura dei componenti documentata
- Facile da personalizzare ed estendere
- Segue le convenzioni dell'App Router di Next.js
Non è un template giocattolo. È una base su cui costruire prodotti reali. Che tu stia lanciando un nuovo SaaS, costruendo uno strumento interno o creando una piattaforma per sviluppatori, questo template ti dà un vantaggio di partenza.
E sì, non assomiglia a nessun altro template di dashboard in circolazione. Ed è proprio questo il punto.
Perché tutto questo conta
RetroUI 2.0 non riguarda solo l'aggiunta di funzionalità. Riguarda il rendere RetroUI più potente, più flessibile e più utile per progetti reali.
Il supporto per Base UI significa prestazioni e accessibilità migliori.
Il sito unificato significa una scoperta più facile e un'esperienza migliore per tutti.
Le docs migliorate significano meno tempo a cercare e più tempo a costruire.
Oltre 100 nuovi blocks significano che puoi rilasciare pagine complete in minuti, non in giorni.
Il template in modalità scura significa che hai una base solida per il tuo prossimo progetto.
Nel loro insieme, queste novità fanno di RetroUI 2.0 la libreria UI più completa e pronta per la produzione, per gli sviluppatori che si rifiutano di costruire interfacce noiose.
E adesso?
Questo è un rilascio importante, ma non ci fermiamo qui. Ecco cosa c'è nella roadmap:
- Altri template (varianti in modalità chiara, landing page, e-commerce)
- Integrazione da Figma al codice per un flusso dal design allo sviluppo più rapido
- Nuovi componenti Base UI man mano che ampliamo la libreria
- Una vetrina della community con progetti costruiti con RetroUI
- Video tutorial che ripercorrono pattern e casi d'uso comuni
E ascoltiamo. Se c'è un componente che ti serve, una funzionalità che vuoi o un problema che ti blocca, faccelo sapere. RetroUI è costruito per gli sviluppatori, dagli sviluppatori. I tuoi feedback danno forma a ciò che costruiamo dopo.
Prova RetroUI 2.0 oggi stesso
Pronto a tuffarti? Ecco come iniziare:
Se sei nuovo
# Install RetroUI
npx retroui-cli init
# Or install via npm
npm install @retroui/reactSfoglia i componenti, esplora i blocks e prendi il nuovo template. È tutto pronto da usare nel tuo progetto Next.js, React o Vite.
Se usi già RetroUI
Se RetroUI fa già parte dei tuoi strumenti, passare alla 2.0 è semplice:
Dai un'occhiata al changelog per eventuali modifiche che rompono la compatibilità (sono pochissime, e per tutte abbiamo documentato una soluzione).
Grazie
RetroUI esiste perché sviluppatori come te sono stanchi dei design generici. Vuoi costruire cose che spicchino, che abbiano personalità, che sappiano di diverso.
Siamo qui per rendertelo più facile.
La versione 2.0 è il frutto di mesi di lavoro, centinaia di commit, innumerevoli iterazioni di design e dei feedback di una community straordinaria. Grazie per far parte di questo viaggio.
Ora vai e costruisci qualcosa di audace. 🚀
Esplora RetroUI 2.0:
Domande? Feedback? Hai trovato un bug? Apri una issue su GitHub o scrivici su Twitter/X.