tailwind ui components Download - tailwind ui components Source code download

tailwind ui components

Other source code

Download

Free Tailwind CSS UI Components and Blocks by TailGrids

TailGrids is modern day Tailwind CSS UI library of over 600 high-quality Tailwind CSS UI components and blocks, perfectly crafted for modern websites, landing pages, web applications, dashboard, ecommerce and more. This library includes all the essential UI components and elements you would expect from a top-notch UI library, ensuring a consistent design and easy-to-use, example templates, copy-paste components for HTML, React, and Vue.

Key Features:

Complete UI Library: TailGrids boasts an impressive assortment of over 600 Tailwind CSS UI components and blocks.
Multi-Framework Support: TailGrids supports multiple frameworks - HTML, React, and Vue, catering to a wide array of development needs.
Premium Quality: Our components are designed with a consistent, modern aesthetic, ensuring high-end visual quality.
User-Friendly: With a simple copy-paste functionality, TailGrids accelerates the development process, saving you time and effort.
Adaptable: TailGrids is ideal for a variety of applications, including modern websites, landing pages, web apps, dashboards, ecommerce platforms, and more.
Accessible Open-Source Version: Our free version gives you access to over 200 UI components along with all core components.
Example Templates: 14 multi-purpose and unique example templates available in HTML and React.

The free open-source version of TailGrids provides 200+ UI components along with all core components, making it a valuable resource for both personal and commercial projects. Feel free to use it, and don't forget to support and inspire our team by starring this repository.

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.1

(Aug, 2024)

Timepicker added
Datepicker added.

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