v1.0.0 — Stable

Introduction

Benflux UI is a collection of beautifully designed, accessible, and customizable React components. Built with Tailwind CSS and Radix UI primitives — copy and paste into your project, own the code.

60+ Components

Buttons, cards, dialogs, tables, charts, and much more — all in one library.

8 Built-in Themes

Dark, Light, AMOLED, Glass, Neon, Cyberpunk, Luxury, Minimal. Switch in one click.

CLI Installer

Add components directly to your codebase. You own the code, no vendor lock-in.

TypeScript First

Every component is fully typed. Autocomplete and type safety out of the box.

Quick Start

Initialize Benflux UI in your project with a single command:

npx benflux-ui init

Then add components:

npx benflux-ui add button card input badge

Usage

app/page.tsx

import { Button } from "@/components/ui/button"
import { Card } from "@/components/ui/card"

export default function Page() {
  return (
    <Card className="p-6">
      <Button variant="default">Get started</Button>
    </Card>
  )
}

How it works

Benflux UI is not a component library in the traditional sense. The CLI copies component source code directly into your project, giving you full ownership and control.

Each component is a standalone file with no runtime dependency. You can modify it, extend it, or delete it without worrying about breaking updates from an upstream package.

Installation Browse components