Number Field — Neubrutalism Component for React & Vue 3

Neubrutalism number input for React & Vue 3: stepper buttons, min/max/step, keyboard and wheel control, Intl currency and percent formatting.

Number Field — Neubrutalism Component for React & Vue 3

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.