Free Tailwind CSS UI Components and Blocks by TailGrids
TailGrids is a modern Tailwind CSS UI library with over 600 high-quality components and blocks, crafted for websites, landing pages, web applications, dashboards, ecommerce, and more. It offers essential UI elements with a consistent design and easy-to-use templates for HTML, React, and Vue.
Key Features:
- Complete UI Library: Over 600 Tailwind CSS UI components and blocks.
- Multi-Framework Support: HTML, React, and Vue.
- Premium Quality: Consistent, modern aesthetic.
- User-Friendly: Simple copy-paste functionality.
- Adaptable: Suitable for websites, landing pages, web apps, dashboards, and ecommerce platforms.
- Accessible Open-Source Version: Access to over 200 UI components and core components.
- Example Templates: 14 multi-purpose templates in HTML and React.
The free open-source version provides 200+ UI components and all core components. Support the project by starring the repository.
Installing via NPM
Ensure Node.js and Tailwind CSS are installed.
-
Install the TailGrids NPM package:
npm i tailgrids
2. Add the TailGrids plugin to your `css` file:
```css
@plugin 'tailgrids/plugin'
- Browse the components and copy-paste them into your projects.
💙 Support
Support the project by starring the repository and consider purchasing the Pro version.
🎁 License
TailGrids Core Version is 100% Free! and open-source you can use it with your personal or commercial projects.
