@brut-ui

Production-minded neo-brutalist shadcn components with three configurable flavours, strengths, and radius modes.

59 components react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://www.brut-ui.site/r/registry.json

pnpm pnpm dlx shadcn@latest add https://www.brut-ui.site/r/registry.json

bun bunx shadcn@latest add https://www.brut-ui.site/r/registry.json

fetch registry curl -s https://www.brut-ui.site/r/registry.json

Components

59 total

BRUT/UI Base base

Project-wide neo-brutalist tokens, flavours, strength levels, radii, focus states, and interaction utilities.

npx shadcn@latest add https://www.brut-ui.site/r/base.json

Accordion ui

The BRUT/UI Accordion component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/accordion.json

Alert ui

A structured alert that never relies on color alone.

npx shadcn@latest add https://www.brut-ui.site/r/alert.json

Alert Dialog ui

The BRUT/UI Alert Dialog component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/alert-dialog.json

Aspect Ratio ui

The BRUT/UI Aspect Ratio component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/aspect-ratio.json

Attachment ui

The BRUT/UI Attachment component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/attachment.json

Avatar ui

The BRUT/UI Avatar component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/avatar.json

Badge ui

A compact uppercase status marker.

npx shadcn@latest add https://www.brut-ui.site/r/badge.json

Breadcrumb ui

The BRUT/UI Breadcrumb component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/breadcrumb.json

Bubble ui

The BRUT/UI Bubble component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/bubble.json

Button ui

A tactile neo-brutalist button with the standard shadcn API.

npx shadcn@latest add https://www.brut-ui.site/r/button.json

Button Group ui

The BRUT/UI Button Group component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/button-group.json

Calendar ui

The BRUT/UI Calendar component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/calendar.json

Card ui

A weighted panel with stronger elevation than controls.

npx shadcn@latest add https://www.brut-ui.site/r/card.json

Carousel ui

The BRUT/UI Carousel component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/carousel.json

Chart ui

The BRUT/UI Chart component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/chart.json

Checkbox ui

An accessible checkbox with clear checked and disabled states.

npx shadcn@latest add https://www.brut-ui.site/r/checkbox.json

Collapsible ui

The BRUT/UI Collapsible component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/collapsible.json

Combobox ui

The BRUT/UI Combobox component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/combobox.json

Command ui

The BRUT/UI Command component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/command.json

Context Menu ui

The BRUT/UI Context Menu component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/context-menu.json

Dialog ui

A strongly elevated modal that preserves Base UI focus and keyboard behavior.

npx shadcn@latest add https://www.brut-ui.site/r/dialog.json

Drawer ui

The BRUT/UI Drawer component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/drawer.json

Dropdown Menu ui

The BRUT/UI Dropdown Menu component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/dropdown-menu.json

Empty ui

The BRUT/UI Empty component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/empty.json

Field ui

The BRUT/UI Field component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/field.json

Hover Card ui

The BRUT/UI Hover Card component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/hover-card.json

Input ui

A high-contrast input with visible focus and invalid states.

npx shadcn@latest add https://www.brut-ui.site/r/input.json

Input Group ui

The BRUT/UI Input Group component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/input-group.json

Input Otp ui

The BRUT/UI Input Otp component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/input-otp.json

Item ui

The BRUT/UI Item component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/item.json

Kbd ui

The BRUT/UI Kbd component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/kbd.json

Label ui

A bold accessible form label.

npx shadcn@latest add https://www.brut-ui.site/r/label.json

Marker ui

The BRUT/UI Marker component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/marker.json

Menubar ui

The BRUT/UI Menubar component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/menubar.json

Native Select ui

The BRUT/UI Native Select component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/native-select.json

Navigation Menu ui

The BRUT/UI Navigation Menu component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/navigation-menu.json

Pagination ui

The BRUT/UI Pagination component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/pagination.json

Popover ui

A compact neo-brutalist overlay with Base UI positioning and focus behavior.

npx shadcn@latest add https://www.brut-ui.site/r/popover.json

Progress ui

A compact, high-contrast progress indicator.

npx shadcn@latest add https://www.brut-ui.site/r/progress.json

Questionnaire ui

The BRUT/UI Questionnaire component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/questionnaire.json

Radio Group ui

The BRUT/UI Radio Group component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/radio-group.json

Resizable ui

The BRUT/UI Resizable component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/resizable.json

Scroll Area ui

The BRUT/UI Scroll Area component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/scroll-area.json

Select ui

A tactile neo-brutalist select with accessible keyboard navigation.

npx shadcn@latest add https://www.brut-ui.site/r/select.json

Separator ui

A structural separator keyed to the active strength level.

npx shadcn@latest add https://www.brut-ui.site/r/separator.json

Sheet ui

The BRUT/UI Sheet component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/sheet.json

Sidebar ui

The BRUT/UI Sidebar component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/sidebar.json

Skeleton ui

The BRUT/UI Skeleton component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/skeleton.json

Slider ui

The BRUT/UI Slider component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/slider.json

Spinner ui

The BRUT/UI Spinner component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/spinner.json

Switch ui

A chunky binary control with unmistakable state.

npx shadcn@latest add https://www.brut-ui.site/r/switch.json

Table ui

The BRUT/UI Table component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/table.json

Tabs ui

The BRUT/UI Tabs component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/tabs.json

Textarea ui

A grounded neo-brutalist multiline input.

npx shadcn@latest add https://www.brut-ui.site/r/textarea.json

Toast ui

The BRUT/UI Toast component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/toast.json

Toggle ui

The BRUT/UI Toggle component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/toggle.json

Toggle Group ui

The BRUT/UI Toggle Group component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/toggle-group.json

Tooltip ui

The BRUT/UI Tooltip component with the current shadcn behavior and API.

npx shadcn@latest add https://www.brut-ui.site/r/tooltip.json