One Library, Two Frameworks

How to run one design system across React and Vue 3 without maintaining two drifting codebases. Shared CSS tokens, parallel registries, and where framework idioms should diverge.

One Library, Two Frameworks

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.