Ui.tailus.io

<div> <h1>Tailus UI React</h1> <p>Collection of highly customizable and accessible React components. Built on top of Tailwind CSS, Radix UI, and themed with Tailus Themer, Tailus UI React is your one-stop shop for building beautiful and functional web user interfaces.</p> <img src="public/main-cover.webp" alt="Tailus UI React cover" width="100%" height="auto" /> <div style="margin-top: 1rem"> <a href="https://twitter.com/tailus_ui"> <img alt="badge twitter" src="https://img.shields.io/twitter/follow/tailus_ui?style=social"> </a> <a href="https://cd.linkedin.com/company/tailus-ui"> <img alt="logo linkedin" src="https://img.shields.io/badge/-tailus_ui-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://cd.linkedin.com/company/tailus-ui"> </a> <a href="https://www.github.com/tailus-ui/tailus-ui-react"> <img alt="github stars" src="https://img.shields.io/github/stars/tailus-ui/tailus-ui-react?style=social"> </a> <img alt="MIT licence" src="https://img.shields.io/badge/license-MIT-blue.svg"> </div> </div>

Documentation

You can find the Tailus UI React documentation on our website.

Examples

You can find the Tailus UI React examples on our Demo page.

Getting started

You'll need to be familiar with Node.js and npm, and have npm installed. You should be comfortable installing packages with npm, and experience creating web apps with React and Tailwind CSS will be very helpful.

1. First, you need to clone the project:

git clone https://github.com/Tailus-UI/tailus-ui-react.git
cd tailus-ui-react

2. Then, install the dependencies:

npm install

or use the shortcut command:

npm i

3. Finally, start the development server:

npm run storybook

Then open http://localhost:6006/ in your browser.

Contributing

If you want to contribute to Tailus UI React, you can follow the contributing guide.

License

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