Open Source & Coming Soon

Beautiful, Accessible React Components

Copy. Paste. Customize.

Built with React Aria hooks from Adobe for accessibility-first design and Tailwind CSS for styling. Inspired by shadcn/ui's philosophy, but with accessibility baked in.

React Aria Hooks
Tailwind CSS Styled
Fully Customizable

Why Choose Fiber UI?

Copy & Paste

Components are yours to own. Copy the code into your project and customize it however you need.

Accessibility First

Built with React Aria hooks from Adobe. Enterprise-grade accessibility features come standard with every component.

Fully Customizable

Unstyled by default. Use Tailwind CSS to style components exactly how your design system requires.

No Lock-in

No dependencies. No version constraints. You control the code, not a library author.

How Does Fiber UI Compare?

Similar philosophy to shadcn/ui, but built with React Aria for better accessibility out of the box.

Like shadcn/ui

  • Copy and paste components into your codebase
  • Unstyled and fully customizable
  • Built with Tailwind CSS
  • You own the code, not a library

What Makes Fiber UI Different

  • Built with React Aria hooks from Adobe for accessibility
  • No dependency lock-in (not even on Radix)
  • Enterprise-grade accessibility out of the box
  • Complete control over accessibility implementation

Why React Aria Matters

While shadcn/ui is excellent, it uses Radix UI.

Fiber UI takes a different approach: every component is built using React Aria hooks from Adobe. This means you get enterprise-grade accessibility features copy-pasted directly into your codebase with full control.

✨ Key Benefit

You own the code. You own the accessibility implementation. No version lock-in, no dependency hell.

# Get started with Fiber UI
$ npx fibercli init
Setting up your project...
$ npx fibercli add button
✅ Button component added!
Start building accessible UIs immediately.

Ready to Build?

Join the community building beautiful, accessible React applications.