Introduction

Realizzare un sito con un aspetto distintivo è difficile. La maggior parte delle librerie di interfaccia è pulita, prudente e, onestamente, si somiglia tutta. RetroUI è l'esatto contrario. È un design system neobrutalista: bordi spessi, ombre marcate e sfalsate, angoli squadrati e tipografia da titolo con carattere. Giocosa, ad alto contrasto e inconfondibilmente tua.

RetroUI è un registry di componenti ridisegnati secondo la ricetta neobrutalista. Installi il codice direttamente nel tuo progetto con la CLI di shadcn, ne diventi proprietario e lo personalizzi come preferisci: nessun pacchetto npm opaco contro cui combattere.

Due primitive, un solo stile#

Ogni componente di RetroUI viene distribuito in due varianti, così puoi scegliere la primitiva che già usi:

• Radix UI — le primitive su cui è costruita la maggior parte dei progetti shadcn.
• Base UI — le primitive più recenti del team di Radix / MUI.

Lo stesso aspetto neobrutalista, gli stessi export, la stessa API: cambia solo il motore sottostante. Ne scegli una per componente al momento dell'installazione.

Cosa ottieni#

• Codice aperto — i componenti finiscono nella tua codebase. Leggili, modificali, estendili.
• Neobrutalista per impostazione predefinita — bordi spessi, ombre marcate, animazioni di pressione e titoli imponenti, tutto calibrato per funzionare insieme.
• Accessibile — costruito sulle primitive di Radix / Base UI, quindi il supporto per tastiera e screen reader è incluso di serie.
• Installabile da CLI — shadcn add direttamente dal registry di RetroUI, con npm / pnpm / yarn / bun.
• Pronto per l'AI — codice aperto più un server MCP così il tuo editor AI può aggiungere componenti per nome.

Inizia subito#

Vai alla guida all'installazione per configurare RetroUI nel tuo progetto, oppure esplora i componenti per vedere cosa è disponibile.