BRUT is a neo-brutalist UI kit. Hard borders. Hard shadows. No gradients, no blurs, no apologies. One CSS file, one tiny JS runtime, every component you actually need.
Drop two files into your <head>. That's the whole install.
By the numbers
Visual + interactive, all in one bundle.
Colors, type, spacing, shadows, motion.
No npm. No CDN. No build step.
Gzipped CSS + JS combined.
What you get
Buttons, inputs, switches, alerts, badges, dialogs, tabs, OTPs, tags, comboboxes, ratings, file drops — built once, themable through tokens.
Hard offset shadow on hover. No tweens, just snap.
Field wrapper, label, hint, and error all token-driven.
Switch, checkbox, radio — all keyboard-friendly.
Four severities. Hard ink icon block.
Status chips. Solid fill, hard border.
Section label
Display + sans + mono, on a single rhythm.
A full type scale with semantic helpers.
Install
No build step. No config. Drop the bundles into your HTML and start composing
with utility classes and data-brut hooks.
<!-- index.html --> <link rel="stylesheet" href="brut.css"/> <script src="brut.js"></script> <!-- compose with classes + data hooks --> <button class="brut-btn brut-btn--primary"> Get loud </button>
Soft UIs whisper. BRUT shouts.
Ship it
Open the docs, copy a snippet, paste into your project. That's the workflow.