Free Tailwind CSS UI Components by TailGrids

TailGrids is a library of high-quality Tailwind CSS UI components and blocks, designed specifically for modern websites, landing pages, and web apps. It comes with all the essential UI components and elements you would expect from a top-notch UI library, featuring a consistent design and a copy-paste UI building tool.

The free core version provides numerous UI components along with all core components. It is available for both personal and commercial projects. Please feel free to use it, and don't forget to support and inspire our team by starring this repo.

It's worth noting that this same set of components is also available for React and Vue.js.

🚀 Explore All Components

🌏 Visit Website

📃 Documentation

Installing via NPM

Ensure you've installed Node.js and Tailwind CSS before TailGrids NPM package. Here's a quick guide to get you started with Tailgrids:

1. Install the TailGrids NPM package:

npm i tailgrids

2. Add the TailGrids plugin to your tailwind.config.js file:

module.exports = {
  // Your existing Tailwind CSS configuration goes here

  plugins: [require("tailgrids/plugin")],
};

3. Browse the components and simply copy and paste the ones you like into your projects.

And that's it! You're all set to start using TailGrids in your project. Happy coding!

⚡ Get PRO Version

📄 Detailed Documentation and Usage Guide

👉 TailAdmin React

👉 TailAdmin Vue

🖌️ TailGrids Figma

💙 Support

You can always support this project and inspire us by Starring🌟 This Repository and sharing with friends. If you like the the library consider purchasing the Pro version

Changelog

Version 2.2.0

(May, 2024)

• Added over 80 new components.
• Updated the core style guide.
• Revised the file structure.
• Enhanced the plugin to reduce dependencies.
• Updated the Tailwind CSS version along with other dependencies.

Version 2.1.0

(October, 2023)

• Introduced dark mode.
• Polished existing components.
• Incorporated a few core components.
• Updated dependent packages.

Version 2.0.0

(February, 2023)

• This major release doubled our components, introduced dark mode, and expanded our components & example templates.
• 500+ Tailwind UI Components (200+ Newly Added)
• 12 Templates (8 Newly Added)
• Dark mode for all Components
• Updated Figma File with New UI Components
• 2 E-Commerce Templates
• 90+ Advanced | Core, Marketing and App UI Components
• 50+ Dashboard UI Components
• 100+ eCommerce Components

Version 1.1.0

(March, 2022)

We focused on enhancing your design experience with Figma integration and new templates.

• 2 New Templates
• Figma Source for UI Components
• Responsive Buttons / Viewport
• Dedicated Templates Gallery

Initial Release

(February, 2022)

The journey began! We launched TailGrids with a strong foundation of components and templates.

• Initial 300+ UI Components
• Two Example Templates
• NPM Package for Open Source Version

🎁 License

TailGrids Core Version is 100% Free! and open-source you can use it with your personal or commercial projects.

UI Components