Twistail is an Open Source React UI component library that leverages Tailwind CSS and Tailwind Variants for a powerful variant API. It enables advanced component composition and responsive variants while managing style conflicts efficiently. Built on Radix UI Primitives and implemented with TypeScript, Twistail provides a suite of UI elements, including charts and data visualization components.
Perfect for developers seeking a customizable design system that prioritizes accessibility and performance, Twistail streamlines implementation with a copy-paste approach and deep customization options.
Each component features separated style files, allowing easy adaptation to your brand's visual identity while maintaining a cohesive look across your web application.
Caution
🚨🚨🚨
Twistail is in a very early development preview - expect some bugs and changes along the way.
Please do not use it in production yet, use in production at your own discretion!
🚨🚨🚨
You can find our documentation at: twistail.com
If you have a bug or feature request, feel free to open an issue, or join our discussion.
Contributions are welcome! Please open a pull requests for your changes and tickets in case you would like to discuss something or have a question. Please read our Contributor License Agreement here.
Read the Contributing Guidelines for detailed documentation.
Twistail is a thoughtful blend of design philosophies from two exceptional UI libraries, combining the best of both worlds:
-
Tremor: Many of Twistail's foundational components draw heavy inspiration from Tremor's well-crafted designs. Twistail reimagines these components with its own architectural approach. Tremor is licensed under Apache 2.0.
-
shadcn/ui: Twistail incorporates design patterns and component structures from these projects, adapting them to fit seamlessly with the Twistail ecosystem. shadcn/ui is licensed under MIT.
Key differences from Tremor and shadcn/ui include:
- Twistail separates style files for each component, improving organization and customization.
- Twistail uses Lucide icons instead of Remix Icons which are used by Tremor.
- A carefully curated integration of design elements from Tremor and shadcn/ui.
We're grateful to these projects for their contributions to the React and Tailwind ecosystem, and for providing the foundation upon which Twistail builds its unique identity.
Licensed under either of Apache License 2.0 or MIT license at your option. To understand the key differences between these two popular open-source licenses, please refer to the Apache License 2.0 and the MIT License on tldrlegal.com.
Copyrights in this project are retained by their contributors.
See the LICENSE-APACHE and LICENSE-MIT files for more information.
🤫 Psst! If you like my work you can support me via GitHub sponsors.