@boldkit
Free, open-source neubrutalism UI library supporting both React and Vue 3/Nuxt, installable via the shadcn CLI. Contains 56+ components, 15 section blocks, 7 full-page templates, 64 SVG shapes, and 14 chart types. Distinctive aesthetic: thick borders, hard shadows, and bold accent colors. Built on shadcn/ui (Radix UI) and shadcn-vue (Reka UI), Tailwind CSS v4, TypeScript. Use for: projects requiring a bold neubrutalism visual identity across both React and Vue stacks without switching libraries.
Install this registry
npx shadcn@latest add https://boldkit.dev/r/registry.json pnpm dlx shadcn@latest add https://boldkit.dev/r/registry.json bunx shadcn@latest add https://boldkit.dev/r/registry.json curl -s https://boldkit.dev/r/registry.json Components
60 totalBoldKit neubrutalism theme with bold colors and CSS variables
npx shadcn@latest add https://boldkit.dev/r/theme.json Utility functions for className merging
npx shadcn@latest add https://boldkit.dev/r/utils.json Theme provider hook with light/dark/system support and localStorage persistence. Used by Sonner toast for theme-aware rendering.
npx shadcn@latest add https://boldkit.dev/r/use-theme.json Error boundary wrapper with neubrutalism-styled fallback UI. Used by math-curve components to catch runtime errors gracefully.
npx shadcn@latest add https://boldkit.dev/r/error-boundary.json A vertically stacked set of interactive headings with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/accordion.json Displays a callout for user attention with bold neubrutalism borders
npx shadcn@latest add https://boldkit.dev/r/alert.json Displays content within a desired ratio
npx shadcn@latest add https://boldkit.dev/r/aspect-ratio.json An image element with a fallback for representing the user
npx shadcn@latest add https://boldkit.dev/r/avatar.json Displays a badge or a component that looks like a badge with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/badge.json Displays the path to the current resource using a hierarchy of links
npx shadcn@latest add https://boldkit.dev/r/breadcrumb.json Displays a button with neubrutalism styling and press-down animation
npx shadcn@latest add https://boldkit.dev/r/button.json Displays a card with header, content, and footer with thick borders and shadows
npx shadcn@latest add https://boldkit.dev/r/card.json A control that allows the user to toggle between checked and not checked
npx shadcn@latest add https://boldkit.dev/r/checkbox.json An interactive component which expands/collapses a panel
npx shadcn@latest add https://boldkit.dev/r/collapsible.json Searchable dropdown built by composing Popover and Command with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/combobox.json Fast, composable, command menu for React with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/command.json A window overlaid on the primary window with neubrutalism borders and shadows
npx shadcn@latest add https://boldkit.dev/r/dialog.json Displays a menu of actions/options with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/dropdown-menu.json Displays a menu triggered by right-click with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/context-menu.json A horizontal menu bar of desktop-style dropdown menus with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/menubar.json A collection of links and dropdown panels for site navigation with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/navigation-menu.json Resizable panel groups and handles with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/resizable.json Visually joins a row or column of buttons into one bordered unit
npx shadcn@latest add https://boldkit.dev/r/button-group.json An input joined with leading/trailing addons in a single bordered field
npx shadcn@latest add https://boldkit.dev/r/input-group.json Form field composition: label, control, description and error
npx shadcn@latest add https://boldkit.dev/r/field.json A styled wrapper around the native select element, a11y-first
npx shadcn@latest add https://boldkit.dev/r/native-select.json A single-date picker: a button trigger that opens a calendar popover
npx shadcn@latest add https://boldkit.dev/r/date-picker.json Displays a form input field with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/input.json Renders an accessible label for form controls
npx shadcn@latest add https://boldkit.dev/r/label.json Displays rich content in a portal with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/popover.json Displays an indicator showing the completion progress of a task
npx shadcn@latest add https://boldkit.dev/r/progress.json A set of checkable buttons where only one can be checked at a time
npx shadcn@latest add https://boldkit.dev/r/radio-group.json Augments native scroll functionality for custom styling
npx shadcn@latest add https://boldkit.dev/r/scroll-area.json Displays a list of options with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/select.json Visually separates content with a thick border
npx shadcn@latest add https://boldkit.dev/r/separator.json Extends Dialog to display content that complements the main page
npx shadcn@latest add https://boldkit.dev/r/sheet.json Used to show a placeholder while content is loading
npx shadcn@latest add https://boldkit.dev/r/skeleton.json A jelly slider with spring physics and bouncy animations
npx shadcn@latest add https://boldkit.dev/r/slider.json An opinionated toast component with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/sonner.json A control that allows the user to toggle between on and off
npx shadcn@latest add https://boldkit.dev/r/switch.json A responsive table component with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/table.json A tabbed interface component with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/tabs.json Displays a form textarea with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/textarea.json A two-state button that can be either on or off
npx shadcn@latest add https://boldkit.dev/r/toggle.json A group of toggle buttons where only one can be pressed at a time
npx shadcn@latest add https://boldkit.dev/r/toggle-group.json A popup that displays information related to an element
npx shadcn@latest add https://boldkit.dev/r/tooltip.json A modal dialog for important confirmations with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/alert-dialog.json A date picker calendar with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/calendar.json A drawer component that slides in from the edge of the screen
npx shadcn@latest add https://boldkit.dev/r/drawer.json A card that appears on hover with additional information
npx shadcn@latest add https://boldkit.dev/r/hover-card.json One-time password input with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/input-otp.json Pagination controls for navigating through pages
npx shadcn@latest add https://boldkit.dev/r/pagination.json Beautiful charts with neubrutalism styling built on Recharts
npx shadcn@latest add https://boldkit.dev/r/chart.json Auto-scrolling text ticker with neubrutalism styling - a common brutalist design element
npx shadcn@latest add https://boldkit.dev/r/marquee.json Rotated labels and stamps with tape effect and double borders - neubrutalist decorative elements
npx shadcn@latest add https://boldkit.dev/r/sticker.json Card component with stacked layers effect showing offset depth - neubrutalist depth illusion
npx shadcn@latest add https://boldkit.dev/r/layered-card.json 55 neubrutalist SVG shapes organized by category for badges, decorations, and visual accents
npx shadcn@latest add https://boldkit.dev/r/shapes.json BoldKit neubrutalism CSS variables and utilities
npx shadcn@latest add https://boldkit.dev/r/styles.json Loading spinner with multiple animation variants - dots, bars, blocks, and brutal shadow spin
npx shadcn@latest add https://boldkit.dev/r/spinner.json Keyboard key indicator for displaying shortcuts and hotkeys with neubrutalism styling
npx shadcn@latest add https://boldkit.dev/r/kbd.json