Introduction

Een website bouwen die er onderscheidend uitziet, is lastig. De meeste UI-bibliotheken zijn schoon, veilig en – eerlijk gezegd – zien er hetzelfde uit. RetroUI is het tegenovergestelde. Het is een neobrutalistisch designsysteem: dikke randen, harde verschoven schaduwen, rechte hoeken en vette displaytypografie. Speels, contrastrijk en onmiskenbaar van jou.

RetroUI is een registry van componenten die opnieuw zijn vormgegeven volgens het neobrutalistische recept. Je installeert de code rechtstreeks in je project met de shadcn-CLI, wordt er eigenaar van en past hem aan zoals je wilt – geen black-box npm-pakket om tegen te vechten.

Twee primitives, één stijl#

Elke RetroUI-component wordt geleverd in twee varianten, zodat je de primitive kunt kiezen die je al gebruikt:

• Radix UI — de primitives waarop de meeste shadcn-projecten zijn gebouwd.
• Base UI — de nieuwere primitives van het Radix-/MUI-team.

Dezelfde neobrutalistische uitstraling, dezelfde exports, dezelfde API – alleen een andere engine eronder. Je kiest er bij de installatie één per component.

Wat je krijgt#

• Open code — de componenten belanden in je codebase. Lees ze, bewerk ze, breid ze uit.
• Neobrutalistisch standaard — dikke randen, harde schaduwen, druk-animaties en zware koppen, allemaal op elkaar afgestemd.
• Toegankelijk — gebouwd op Radix-/Base UI-primitives, dus toetsenbord- en schermlezerondersteuning zit er standaard bij.
• Installeerbaar via CLI — shadcn add rechtstreeks uit de RetroUI-registry, met npm / pnpm / yarn / bun.
• AI-klaar — open code plus een MCP-server zodat je AI-editor componenten op naam kan toevoegen.

Aan de slag#

Ga naar de installatiegids om RetroUI in je project op te zetten, of blader door de componenten om te zien wat er beschikbaar is.