Windi UIIntroduction
TIP
Windi UI is presently under active development and isn't fully prepared for production use as of v0.0.1-beta. Your support and feedback are invaluable as we diligently work towards making it ready for everyone and for production use.
There are still a number of components that are yet to be built, you can contribute by creating new components, improving the docs, fixing bugs and issues, and by sharing valuable suggestions.
Windi UI is a Vue.js based TailwindCss UI library that offers a collection of prebuilt UI components to enable you to build your web applications with ease.
It comes with a comprehensive collection of prebuilt components that are ready for use right out of the box.
Windi UI is built on top of powerful tools such as TailwindCss, Vueuse and Headless UI so rest assured that the components are really good and fully customizable.
Windi UI is fully customizable thus meaning you can either choose to modify the existing theme or create your own theme and shape the UI components according to your needs.
Check out the theme section to learn more about the theming options.
Why Windi UI
Time-Saving: With Windi UI's vast selection of ready-to-use components, you'll save time on development without compromising on quality.
Developer-Friendly: Windi UI's intuitive design and documentation makes it a breeze for developers of all skill levels to integrate and modify the components.
Fully Configurable: Windi UI components come with various configuration options, enabling you to adjust their behavior and appearance to match your personal aesthetics.
Themes: Windi UI provides theming support, making it easy to bring your own theme or customize the existing default theme.
Lightweight and Fast: Despite being highly customizable, Windi UI is optimized for performance, ensuring that your customizations don't come at the cost of slow loading times or sluggish interactions.
Features
- 🦾 TypeScript Support - The components are fully written in TypeScript from the ground up. We do recommend using TypeScript for your project as well.
- 🛠️ On demand Import - Windi UI comes with an intelligent resolver that automatically imports only used components.
- 🔥 Icons - Use any icon in your project from your favourite icon set.
- 📦 Diverse Component Selection - Create your application effortlessly with our expansive collection of 50+ UI components.
- ⚡️ Powerful Tools - Windi UI is built on top of powerful tools such as TailwindCss, Vueuse and Headless UI.
- 🎨 Themeable - Customize any part of our beautiful components to match your style.