Install UI Components With AI

Give your AI coding agent a real component catalogue. The BoldKit MCP server exposes search, component details and install commands for React and Vue, so agents stop hallucinating component names.

Install UI Components With AI

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.