The shadcn/ui experience
for StyleX.
for StyleX.
Accessible React components built with StyleX and Base UI. Copy the source. Own the code. Build without vendor lock-in.
Registry First
StyleX Native
Base UI Powered
Accessible
Type Safe
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.json
1
Install
Run the CLI command to add any component.
2
Source
Component source is copied to your project.
3
Customize
Edit, extend, and own every line.
No bloated dependency. No vendor lock-in. No runtime styling library.
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 StyleX 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
BL
Blenx UI
Active
Alert
Components are copied to your project.
Zero vendor lock-in guaranteed.
Fully customizable source code.
Input
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 StyleX
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 | StyleX — type-safe, zero-runtime | 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
StyleX
Documentation
Everything you need to get started with Blenx UI.
Installation
Configure your project and install components.
Styling
How StyleX 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.