Skip to content
Stokefy
1 of 7
An invoicing app in the dark theme: figures on blocks, the table with a row's menu open, an alert and a toast
Every control and its states: buttons and the press, checkboxes, radios, switches, sliders, the select open, fields, tabs, badges, keys, an accordion, an alert and avatars
The same controls in the dark theme
A settings page: a profile form with a field in error, plans as radio rows, notifications as switches
A dialog over the team page and two toasts at the corner
The dialog and the toasts in the dark theme

Brutalist UI Kit: 23 React Components for shadcn/ui

Brutalism for your web app: twenty-three React components with thick ink borders and hard shadows, as shadcn/ui registry items you add with one command. Every control is a key on its shadow: it lifts under the pointer and lands when pressed, the current tab stays down, fields are sunk into the page and labels stand flat. Buttons in seven variants, cards, inputs, a select, checkboxes, radios, switches, sliders, tabs, an accordion, a dialog, a dropdown menu, tooltips, toasts, alerts, progress, a table, avatars and keys, all on one Block you can use for your own. Light and dark from your dark class, every colour, the radius and both faces in variables, every pair of words and ground at 4.5:1 or more, Tailwind CSS 4, React 19, TypeScript, and the demo app the pictures come from.

UI KitsMade for React

$12

One payment. The files are yours to download right away.

  • Instant downloadIn your account the moment the payment goes through, with the receipt by email.
  • Personal and commercial useOne license for one person, in your own work and your clients'. The files themselves are not shared or resold.

Includes
23 React components
Formats
shadcn registry items (.json), React and TypeScript source (.tsx)
Download
90 files in one zip, 0.2 MB
Works with
React 19, Tailwind CSS 4, shadcn/ui, light and dark
Category
UI Kits
Released
23 Oct 2026
License
Personal and commercial use

Where to use it

Landing pages

Heroes, pricing and sign-up forms in the brutalist register: thick lines, hard shadows, one loud colour.

Apps and dashboards

Tables, filters, menus and dialogs that read at a glance, in light and dark.

Your own palette

The colours, the radius and both faces are variables: change the accent and every component follows.

Your own version

The source lands in your project: every class, word and state is yours to change.

More in UI Kits

Type something to search.