@sira-ui/tailwind
v0.11.8TypeScript
Sira UI - Tailwind CSS components version
0/weekUpdated 2 years agoApache-2.0Unpacked: 277.1 KB
Published by riccox
npm install @sira-ui/tailwindEnglish | 中文
!GitHub last commit
Sira is an open source, highly customizable and accessible design system, which currently provides TailwindCSS component class name library.
Our primary goal is to create a system that can be used to build a wide variety of websites and apps,
while providing a consistent and inclusive user experience to our end users.
In addition, the design system and component library should be easy to use for developers and designers.
- Website - Read more about Sira.
- Playground - Quick way to edit & play with Sira in codepen.
Features
- Customizable by your own brand
- Light/dark mode design
- Tailwindcss Plugin Components
Installation
NPM
``bash`
npm install @sira-ui/tailwind
CDN
`html`
Usage
`html`
Principle
- use postcss & tailwind compiler to convert basic css code with tailwind classes to tailwindcss plugin.
- use css combination selector to organize components layer.
- theme colorify by root element css style variables, and also overrided by each layer.
Development
Clone the project
`bash`
git clone https://github.com/sira-design/sira.git
Go to the project directory
`bash`
cd sira
Install dependencies
`bash`
pnpm install
Start the server
`bash`
pnpm run dev
Contributing
Contributions are always welcome!
See contributing.md for ways to get started.
Please adhere to this project's code of conduct`.
If you have ideas for how we could improve this readme or the project in
general, let us know
or contribute some!
Stack with ♥
Thanks to these following projects for providing the additional dependencies & inspirations that helps us create this project.
- @riccox/colorify
- NodeJS
- TailwindCSS
- React
- Nextra
- TurboRepo
- Postcss
- chroma-js
- Ripple UI
- daisyUI
Feedback
If you have any feedback, please reach out to me at contact@sira-design.party