Photo deckHover to fan
v1.0 - open source, MIT licensed
Accessible React
components
you copy, paste, and own498 components. TypeScript-native, zero dependencies.498 WAI-ARIA components. TypeScript-native. Zero dependencies. Ship production UI in an afternoon.
MIT licensedTypeScript-nativeWCAG 2.1 AAOpen codeNext · Vite · Remix
A taste of what's inside
Every preview is live - touch it. One click copies the code.
DestructiveonClick
CrackleBtn.tsx
Matrix CRT
Aurora Inputreactive wave
AuroraInput.tsxWAI-ARIA
Up and running in 3 steps
The CLI copies the source - you keep every line.
$ npx use-bonkersui@latest list
browse every available component
$ npx use-bonkersui@latest add NeonButton FlowerOfLifeLoader CandleToggle
✓ bonkersui/NeonButton.tsx3 components copied to ./bonkersui
$ import { NeonButton } from './bonkersui/NeonButton'
Why bonkersUI?
Crafted, accessible and production-ready.Engineered for deep craft, editorial rhythm, and production-grade resilience.
You own the code
Switch the tab - the preview and the code both update.
LuxuryButton.tsx
<LuxuryButton
glow="sunset-coral"
sheen
onClick={handleClick}>
Luxury
</LuxuryButton>TypeScript · TailwindLive Tested
Unified Design Token Engine
One library, every design archetype
Switch styles and watch components morph.Switch between modern design paradigms - components morph in real time to your brand's philosophy.
Inflated Clay
Claymorphism
3D Inflated SoftnessPillowy, tactile surfaces with dual inner shadows and chunky rounded forms.
Design system tokens
inner-shadow-light: inset -4px -4pxinner-shadow-dark: inset 4px 4pxradius: 28px
Book a 30-minute call
Pick a time that suits you.Pick a time that suits you and we'll walk through how bonkersUI fits your project.
Loading calendar…
Loading calendar…