Skip to content

aavaniskakangas/FiberUI

 
 

Repository files navigation

Fiber UI

Beautiful, accessible, and customizable React components built with React Aria and Tailwind CSS.
Inspired by Shadcn UI


NPM Version License: MIT


What is Fiber UI?

Fiber UI is an open-source component library for React, designed for accessibility and elegance. It leverages the power of React Aria for accessibility and behavior, and Tailwind CSS for styling.

Our goal is to provide a set of beautiful, unstyled components that you can easily copy and paste into your projects. You own the code, so you can customize it to fit your design system perfectly.

This is not a component library in the traditional sense. It's a collection of reusable components that you can fully control.


The Philosophy

  • Built for Customization: Components are designed to be easily modified and extended.
  • Accessibility First: Using React Aria, all components are accessible out-of-the-box, following WAI-ARIA standards.
  • Developer Experience: A simple CLI to add components to your project without extra dependencies.

Monorepo Structure

This project is a monorepo managed by Turborepo.

  • apps/web: The landing page and main website (fiberui.com).
  • apps/docs: Documentation for components (docs.fiberui.com).
  • packages/ui: The core Fiber UI components.
  • packages/cli: Command-line interface for adding components.

Command-Line Interface (CLI)

We are developing a CLI tool, similar to shadcn/ui, to make it easy to integrate Fiber UI components into your projects.

The CLI will handle adding components, installing dependencies, and configuring tailwind.config.js for you.

Usage (Coming Soon):

npx fibercli add [component-name]

Getting Started

Note: The project is currently under active development. The documentation and CLI are coming soon!

Instructions on how to run the project locally will be available here shortly.


Contributing

We welcome contributions from the community! If you're interested in helping build Fiber UI, please check out our contributing guidelines (coming soon) and feel free to open an issue or pull request.


License

This project is licensed under the MIT License. See the LICENSE file for details.


Stay Updated

You can subscribe for updates or follow the progress of Fiber UI:

About

An open-source component library for React, designed for accessibility and elegance. It leverages the power of React Aria for accessibility and behavior, and Tailwind CSS for styling.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 84.5%
  • CSS 8.2%
  • JavaScript 5.2%
  • MDX 2.1%