What Is Neubrutalism?

Neubrutalism (neobrutalism) explained: thick borders, hard shadows, sharp corners, bold flat color and chunky type. Core traits, do’s and don’ts, accessibility, and how to build it in React & Vue.

What Is Neubrutalism?

BoldKit is a free, open-source neubrutalism (also called neobrutalism) component library with 55+ UI components, 14 chart types, 64 SVG shapes, 15 section blocks, and 7 full-page templates. Built on shadcn/ui with thick borders, hard shadows, and bold colors. Compatible with React 19, Vue 3, and Nuxt.

Key Features

55+ accessible UI components built on Radix UI (React) and Reka UI (Vue)
14 chart types powered by Recharts (React) and ECharts (Vue)
64 decorative SVG shapes with an interactive Shape Builder
15 section blocks: hero, features, testimonials, CTA, stats, team, FAQ, footer, contact, logo cloud, auth forms, settings, onboarding, error pages, invoice
7 full-page templates: landing page, portfolio, dashboard, pricing, blog, product, docs
Math Curve components: animated loaders, progress bars, and backgrounds
Install via shadcn CLI (React) or shadcn-vue CLI (Vue/Nuxt)
MIT licensed, TypeScript, Tailwind CSS v4, dark mode

Visit boldkit.dev with JavaScript enabled to browse all components.