Neobrutalism – 8 Free CSS, Bootstrap & Tailwind Sets
Neobrutalism is a free neobrutalist UI kit of eight sets, designed and maintained in-house by uiCookies. Every set comes in three versions that look the same: plain HTML and CSS, Bootstrap 5 with its own buttons, form controls, cards, navbar, pagination, alerts, toasts, dropdowns and progress bars restyled through CSS variables, and Tailwind CSS 4 with the tokens exposed as theme utilities. The sets cover buttons and toggles, form controls with a login card, cards and stickers, navigation, overlays and feedback, media widgets, a dark variant and a full creator dashboard. They all read the same token block, so one change to the ink, the paper, the border width, the shadow offset or a palette colour restyles the whole kit.
Neobrutalism, also called neubrutalism or neo brutalism, is known for thick black borders, hard offset shadows, flat saturated colours and bold type, and its high contrast is an advantage for accessibility if the details are right. The usual mistakes are white text on pastel fills, a focus ring that looks just like the black shadow, and on states shown only by a colour change. This kit keeps dark text on every fill at 6.8:1 or more and uses white text only on a deep blue that reaches 6.8:1. Keyboard focus is a dashed blue outline set apart from the shadow. Pressed, on, selected and current states move the element into its shadow and also add a check, a word such as On, a mark or aria-current, so they read without colour.
