The shadcn/ui experience
for Vanilla Extract.
Accessible React components built with Vanilla Extract and Base UI. Copy the source. Own the code. Build without vendor lock-in.
Components you'll actually use.
Production-ready components built with accessibility and customization in mind. All interactive.
Buttons
Dialog
Tabs
Install and customize components with zero configuration.
Accordion
A registry-first React component library built with Vanilla Extract and Base UI.
Card
Quick Start
Get up and running in seconds.
Add components to your project with a single CLI command. No configuration required.
Avatar & Badge
Blenx UI
Alert
Components are copied to your project.
Zero vendor lock-in guaranteed.
Fully customizable source code.
Input
Install only what you need.
Add components directly to your project and own the resulting source code.
npx shadcn@latest add https://blenx-ui.vercel.app/reg/button.jsonInstall
Run the CLI command to add any component.
Source
Component source is copied to your project.
Customize
Edit, extend, and own every line.
No bloated dependency. No vendor lock-in. No runtime styling library.
Why choose Blenx?
A modern approach to component distribution and ownership.
Own Your Code
Source code is copied directly into your project. No black box — you control every line.
Registry First
Install only what you need. No bloated node_modules, no unnecessary dependencies.
Fully Accessible
Built on top of Base UI primitives. WAI-ARIA compliant, keyboard navigable, screen-reader ready.
No Vendor Lock-In
Your codebase remains fully independent. Swap, modify, or remove components at any time.
Production Ready
Built for real-world applications. Tested, documented, and designed to handle production scale.
Powered by Vanilla Extract
Type-safe, zero-runtime CSS-in-JS. Predictable styles that scale with your application.
How we compare
See how Blenx compares to traditional UI libraries.
| Feature | Blenx | Traditional UI Libraries |
|---|---|---|
| Own source code | Copied directly to your project | Locked in node_modules |
| Install model | Registry — add only what you need | npm install — whole library |
| Styling | Vanilla Extract — type-safe, zero-runtime CSS | Tailwind, styled-components, or CSS modules |
| Accessibility | Base UI primitives (WAI-ARIA) | Custom or third-party abstractions |
| Customization | Full — edit source directly | Theme overrides, config files, !important |
| Vendor lock-in | None — you own the code | Tied to library API and roadmap |
20+
Components
100%
TypeScript
Powered
Base UI
First
Registry
Native
Vanilla Extract
Documentation
Everything you need to get started with Blenx UI.
Installation
Configure your project and install components.
Styling
How Vanilla Extract works in Blenx UI.
Components
Browse all available components.
Theming
Customize light and dark themes.
Primitives
Base UI component architecture.
Accessibility
WAI-ARIA compliance and keyboard navigation.
Limitations
Important constraints and tradeoffs.
Build with components you actually own.
Stop fighting your component library. Install what you need, customize everything, and scale with confidence.