Brutalist Components

Raw. Bold. Unapologetic.

Button

Core action trigger for user interaction

Input

Text entry field with brutalist borders

Checkbox

Binary option with large tactile check

Radio

Choose one option from a group

Select

Accessible listbox select

Switch

On/off toggle control

Field

Label, hint, and error wrapper

Card

Display grouped information

Avatar

Display user image or initials

Badge

Status labels and counts

Alert

Inline page-level feedback

Navbar

Top or side navigation for layout

Sidebar

Collapsible vertical navigation

Breadcrumb

Hierarchical path navigation

Divider

Section breaks with optional label

Tabs

Accessible tabbed content views

Accordion

Expand/collapse content sections

Modal

Focus-trapped dialog overlay

Drawer

Side panel overlay for mobile flows

Dropdown Menu

Keyboard-accessible action menu

Tooltip

Brief contextual information

Toast

Temporary stacked feedback messages

Progress

Visual progress indicator

Skeleton

Loading placeholders

Empty State

Zero-data UX with CTA slot

Table

Structured data presentation

Pagination

Page navigation controls

Stepper

Multi-step flow indicator

Hero

Bold landing section composition

Card Grid

Responsive card collection

Login/Signup

Auth form compositions

Terminal

Interactive command terminal