RetroUI Neo-Brutalist Library

Preview RetroUI components live and copy their code

RetroUI Neo-Brutalist Library — pick from 12 real components, preview them live, and copy the Tailwind code for your app

How to use RetroUI Neo-Brutalist Library

  1. Pick a component from the list on the left, or search for it by name
  2. Change the accent colour, corner radius, shadow size, text and variant
  3. Watch the live preview update as you change each setting
  4. Switch to the Code tab and copy the generated Tailwind and JSX code
  5. Use the Install tab to add the real component to your own project

Features

  • 12 real RetroUI components with their true variants, sizes and statuses
  • Live preview with editable accent colour, corner radius and hard shadow
  • Copyable Tailwind and JSX code for every component and setting
  • One-click install command for each component via the shadcn CLI
  • Searchable component browser with Button, Badge, Alert, Card and more
  • Interactive previews: toggles, switches, radios and progress all work

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.