BoldKit — Neubrutalism UI Component Library for React & Vue 3
BoldKit is a free, open-source neubrutalism (also called neobrutalism) component library with 55+ UI components, 14 chart types, 54 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)
- 54 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.