Build your component library.
Ship faster.
Beautifully designed components built with Radix UI and Tailwind CSS. Copy, paste, customize. Open source. Free forever.
Components
Explore the library
Over 80 components ready to copy and paste into your apps. Accessible, customizable, open source.
Everything you need
Built with the best tools. Designed for the best developer experience.
Radix UI primitives
Every interactive component is built on top of Radix UI for rock-solid accessibility.
Tailwind CSS
Utility-first styling with full support for dark mode, custom themes, and arbitrary values.
Framer Motion
GPU-accelerated animations and physics-based interactions — smooth on every device.
15 000+ Icons
Lucide, Font Awesome, Material, Bootstrap, Remix + 28 exclusive Benflux animated icons in one package.
Templates
Ready-to-use page templates — dashboards, landing pages, auth flows. Copy and ship instantly.
Copy / Paste
Not a component library dependency. Own your components — copy source into your project.
CLI
npx benflux-ui add button — auto-detects your framework and installs exactly what you need.
TypeScript first
Every component and hook ships with full TypeScript definitions and inference.
WCAG accessible
Keyboard navigation, ARIA attributes, and screen reader support built-in and tested.
8 themes
Light, Dark, AMOLED, Glass, Neon, Cyberpunk, Luxury, Minimal — switch live at runtime.
Open Source
Free and open source.
Forever.
All components are open source and free to use in your projects. License is MIT. You own the code — no subscription, no vendor lock-in.
Themes
8 themes. Switch in one click.
Click any theme below to preview it live. Applied globally via BenfluxProvider.
Active: dark
<BenfluxProvider theme="dark"> {children} </BenfluxProvider>
Installation
Up and running
in 60 seconds.
Run the CLI
Auto-detects Next.js, Vite, Remix, or Astro. Sets up config and installs dependencies.
Add components
Copies component source into your project. You own the code.
Import and use
Components live in your codebase. Customize freely.
✓ Detected: Next.js + pnpm
Creating config...
✓ benflux-ui.json
Installing @benflux-ui/react...
✓ Dependencies installed
─────────────────────────────
✓ Benflux UI initialized
Next: npx benflux-ui add button
Ready to start building?
Join thousands of developers building beautiful products with Benflux UI. Free, open source, and ready for production.