UI Variants

Every component in every style. Copy the one you want.

Three distinct design languages — Neobrutalism, Shadcn-inspired, and Flowbite-inspired — implemented consistently across 10 UI components. Each variant ships with standalone HTML + CSS you can paste into any project with no dependencies.

NeobrutalismShadcn-inspiredFlowbite-inspired

Live Comparison

Neobrutalism

Shadcn-inspired

Flowbite-inspired

Components

Button Input Card Badge Toggle Toast Accordion Modal Dropdown Tabs

How It Works

1. Browse — Pick a component from the sidebar and see all three design languages side by side.

2. Preview — Click the live interactive preview to see states: hover, focus, disabled.

3. Copy — Hit “Copy” on the HTML or CSS tab. Paste it into any HTML file — no build tool, no npm install.