Neubrutalism component library with 43 components, 42 SVG shapes, thick borders, and hard shadows. Supports React, Vue, and Nuxt. Built on shadcn/ui.
Ambient animated mathematical curve background layer with neubrutalism aesthetics — wraps content with a slow-moving curve animation
Animated mathematical curve loader with neubrutalism aesthetics — 8 curve variants including rose, lissajous, butterfly, and more
Progress indicator that traces a mathematical curve — value-driven head moves along the curve path from 0 to 100%
Framework-agnostic math engine for parametric curve animations (rose, lissajous, butterfly, hypotrochoid, cardioid, lemniscate, fourier, spiral, heart)
A horizontal menu bar of desktop-style dropdown menus with neubrutalism styling
BoldKit Motion System — framework-agnostic CSS tokens, keyframes, and six signature recipes (press, stamp-in, shake, reveal, slide-hard, pulse-shadow). Mobile-optimized, honors prefers-reduced-motion.
BoldKit Motion core — framework-agnostic, SSR-safe primitives (observeReveal, staggerChildren, triggerAnimation, startViewTransition, prefersReducedMotion) shared by every motion adapter.
BoldKit Motion React adapter — <Motion>/<Reveal>/<Stagger> components plus useShake and useViewTransition hooks over a framework-agnostic core.
Dependency-free multi-step form state layer with per-step validation, designed to compose with Stepper
A styled wrapper around the native select element, a11y-first
A collection of links and dropdown panels for site navigation with neubrutalism styling
Numeric input with stepper buttons, min/max/step, keyboard control and Intl number formatting
Pagination controls for navigating through pages
Displays rich content in a portal with neubrutalism styling
Displays an indicator showing the completion progress of a task
Multi-step question flow with single/multiple/free-text questions, skip, conditional logic and keyboard shortcuts
Multi-variable comparison chart for skills, metrics, and feature comparisons
Circular progress bars with nested rings for multiple metrics
A set of checkable buttons where only one can be checked at a time
Star rating component with half-values, multiple icons, and keyboard navigation
Resizable panel groups and handles with neubrutalism styling
Sankey flow diagram for showing proportional flows between nodes - custom SVG implementation
Augments native scroll functionality for custom styling
Displays a list of options with neubrutalism styling
Visually separates content with a thick border
55 neubrutalist SVG shapes organized by category for badges, decorations, and visual accents
Extends Dialog to display content that complements the main page
Collapsible sidebar with mobile drawer, tooltips, and keyboard shortcut
Used to show a placeholder while content is loading
A jelly slider with spring physics and bouncy animations
An opinionated toast component with neubrutalism styling
Tiny inline trend charts for tables and stat cards - line, area, and bar variants
Loading spinner with multiple animation variants - dots, bars, blocks, and brutal shadow spin
Statistics card with trend indicators, icons, and optional progress bars
Multi-step form wizard with progress indicators, compound components pattern
Rotated labels and stamps with tape effect and double borders - neubrutalist decorative elements
BoldKit neubrutalism CSS variables and utilities
A control that allows the user to toggle between on and off
A responsive table component with neubrutalism styling
A tabbed interface component with neubrutalism styling
Multi-tag input with suggestions, validation, and keyboard support
Displays a form textarea with neubrutalism styling
BoldKit neubrutalism theme with bold colors and CSS variables
BoldKit Candy preset (sweet & playful). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.
BoldKit Cherry preset (bold & japanese). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.
BoldKit Coral preset (warm & bold). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.
BoldKit Cyberpunk preset (toxic & dystopian). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.
BoldKit Electric preset (punchy & vibrant). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.