Nuxt UI Components

Install neubrutalism UI components into Nuxt 3 or Nuxt 4 with the shadcn-vue CLI. Working setup, the app/ directory path gotcha, SSR notes, and how it compares to Nuxt UI.

Nuxt UI Components

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.