---
name: "@retroui"
slug: "retroui"
description: "RetroUI is a neobrutalism-styled React + Tailwind CSS component library (~100 registry items) offering a bold, high-contrast aesthetic as an alternative to minimal shadcn defaults. Core components include Accordion, Alert, Avatar, Badge, Breadcrumb, Button, Calendar, Card, Carousel, Checkbox, Command, ContextMenu, Dialog, Drawer, Empty, Input, Label, Loader, Menu, Popover, Progress, Radio, Select, Slider, Sonner, Switch, Tab, Table, Text/Typography, Textarea, TOC, Toggle, ToggleGroup, Tooltip, plus four chart types (Area, Bar, Line, Pie). MIT license, free and open-source. Use for: projects targeting a bold neobrutalist or retro visual identity that want pre-styled Tailwind components out of the box without extensive custom theming."
category: "Theming/styling"
tags: ["aesthetic", "auth", "buttons", "cards", "charts", "dashboard", "design-system", "forms", "loaders", "media", "navigation", "overlays", "pro-available", "retro", "tables", "theming"]
framework: "react"
license: "MIT"
author: "Logging-Studio"
website: "https://retroui.dev"
github: "https://github.com/Logging-Studio/RetroUI"
registry: "https://retroui.dev/r/registry.json"
pro: true
pro_url: "https://retroui.dev/pricing"
github_stars: 1513
component_count: 54
generated_at: "2026-07-28T08:59:05.895Z"
---

# @retroui

RetroUI is a neobrutalism-styled React + Tailwind CSS component library (~100 registry items) offering a bold, high-contrast aesthetic as an alternative to minimal shadcn defaults. Core components include Accordion, Alert, Avatar, Badge, Breadcrumb, Button, Calendar, Card, Carousel, Checkbox, Command, ContextMenu, Dialog, Drawer, Empty, Input, Label, Loader, Menu, Popover, Progress, Radio, Select, Slider, Sonner, Switch, Tab, Table, Text/Typography, Textarea, TOC, Toggle, ToggleGroup, Tooltip, plus four chart types (Area, Bar, Line, Pie). MIT license, free and open-source. Use for: projects targeting a bold neobrutalist or retro visual identity that want pre-styled Tailwind components out of the box without extensive custom theming.

## Links

- Website: https://retroui.dev
- GitHub: https://github.com/Logging-Studio/RetroUI
- Registry JSON: https://retroui.dev/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/retroui
- This file: https://sh4dcn.vercel.app/md/retroui.md
- Pro / pricing: https://retroui.dev/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://retroui.dev/r/registry.json
pnpm dlx shadcn@latest add https://retroui.dev/r/registry.json
bunx shadcn@latest add https://retroui.dev/r/registry.json
# clone the source repo
git clone https://github.com/Logging-Studio/RetroUI.git
# fetch the raw registry index
curl -s https://retroui.dev/r/registry.json
```

## Components (54)

| name | type | description | install |
| --- | --- | --- | --- |
| accordion | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/accordion.json` |
| alert | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/alert.json` |
| alert-dialog | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/alert-dialog.json` |
| aspect-ratio | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/aspect-ratio.json` |
| avatar | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/avatar.json` |
| badge | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/badge.json` |
| breadcrumb | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/breadcrumb.json` |
| button | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/button.json` |
| button-group | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/button-group.json` |
| calendar | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/calendar.json` |
| card | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/card.json` |
| carousel | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/carousel.json` |
| checkbox | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/checkbox.json` |
| collapsible | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/collapsible.json` |
| combobox | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/combobox.json` |
| command | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/command.json` |
| context-menu | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/context-menu.json` |
| dialog | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/dialog.json` |
| direction | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/direction.json` |
| drawer | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/drawer.json` |
| dropdown-menu | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/dropdown-menu.json` |
| empty | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/empty.json` |
| field | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/field.json` |
| hover-card | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/hover-card.json` |
| input | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/input.json` |
| input-group | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/input-group.json` |
| input-otp | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/input-otp.json` |
| item | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/item.json` |
| kbd | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/kbd.json` |
| label | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/label.json` |
| menubar | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/menubar.json` |
| native-select | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/native-select.json` |
| navigation-menu | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/navigation-menu.json` |
| pagination | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/pagination.json` |
| popover | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/popover.json` |
| progress | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/progress.json` |
| radio-group | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/radio-group.json` |
| resizable | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/resizable.json` |
| scroll-area | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/scroll-area.json` |
| select | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/select.json` |
| separator | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/separator.json` |
| sheet | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/sheet.json` |
| sidebar | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/sidebar.json` |
| skeleton | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/skeleton.json` |
| slider | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/slider.json` |
| sonner | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/sonner.json` |
| spinner | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/spinner.json` |
| switch | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/switch.json` |
| table | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/table.json` |
| tabs | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/tabs.json` |
| textarea | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/textarea.json` |
| toggle | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/toggle.json` |
| toggle-group | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/toggle-group.json` |
| tooltip | registry:ui | — | `npx shadcn@latest add https://retroui.dev/r/tooltip.json` |

## For AI agents

```text
You are adding components from @retroui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/retroui.md) for the component list.
2. Fetch the machine-readable index: https://retroui.dev/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: retroui).
```