Tailwind CSS UI Components, Blocks and Templates to Build Faster!

Over 500+ free & premium Tailwind CSS UI components, blocks, sections, and templates to quickly create beautiful web user interfaces for your web projects. From Marketing and Dashboard to E-commerce, Application, and Core components, each high-quality UI element is handcrafted to solve your design and coding challenges and bring your web project closer to launch. All components are available in HTML, React, and Vue.

Core Components

Kickstart almost any project with essential Tailwind CSS UI elements through our Core Components collection. This category includes versatile button styles, checkbox variations, tab styles, accordions, alerts, forms, list styles, toggle buttons, badges, breadcrumbs, dropdowns, tooltips, progress bars, and more – Almost all core components are free for commercial use.

image

Accordions

5 components
image

Account Dropdown

4 components
image

Alerts

11 components
image

Avatars

12 components
image

Badges

9 components
image

breadcrumbs

12 components
image

Button Group

3 components
image

Buttons

33 components
image

Checkbox

5 components
image

Clipboards

4 components
image

Dropdown Buttons

4 components
image

Form Elements

4 components
image

Gallery

5 components
image

List Styles

9 components
image

Mega Menus

3 components
image

Page Titles

5 components
image

Paginations

6 components
image

Progress Bars

4 components
image

Skeleton

3 components
image

Spinners

4 components
image

Sticky Bars

4 components
image

Tabs

11 components
image

Toast

8 components
image

Toggle and Switch

13 components
image

Tooltips

3 components

Application UI

Build complete web applications with our collection of stunning Tailwind UI components designed specifically for web apps. Tailgrids Application UI consists of - blogs, cards, contact sections, special pages, footer sections, modals, navbar & menus, paginations, auth pages, data tables, and more.

image

Blogs

10 components
image

Cards

16 components
image

Contacts

14 components
image

Cookies

4 components
image

Error Pages

8 components
image

Footers

7 components
image

Modals

11 components
image

Navbars

8 components
image

Auth/Sign In/Up

8 components
image

Table Grids

4 components
image

Tables

12 components

Marketing UI

Transform visitors into customers with our Tailwind Marketing UI Components!. Empower your website with Tailwind Marketing UI Components crafted for product, offer, or app promotion; this category includes features, headers, hero areas, pricing tables, portfolios, team sections, testimonials, videos, CTAs, about sections, brand scrollers, and more.

image

About

13 components
image

Brands

8 components
image

Call To Actions

10 components
image

Features & Services

11 components
image

Headers & Hero Area

13 components
image

Newsletter Forms

2 components
image

Portfolios

7 components
image

Pricing Tables

11 components
image

Stats

5 components
image

Teams

8 components
image

Testimonials

6 components
image

Videos

3 components

E-Commerce

Build e-commerce website UI and site by simply copy-pasting the components and blocks with 100+ Tailwind CSS E-Commerce UI Kit Components, Elements, and Pages. Unlock 3 bonus ready-to-use E-Commerce templates built with TailGrids E-Commerce UI components with an All-Access plan Now.

image

Checkouts

5 components
image

E-Commerce Footers

5 components
image

E-Commerce Headers

5 components
image

E-Commerce Navbars

5 components
image

Featured Products

5 components
image

Filters

5 components
image

Order Summaries

4 components
image

Product Carousels

5 components
image

Product Categories

5 components
image

Product Details

5 components
image

Product Grids

9 components
image

Promo Banner

1 components
image

Quick Views

4 components
image

Recent Products

5 components
image

Customer Reviews

5 components
image

Shopping Carts

4 components
image

Wishlists

3 components

Dashboard

Build robust and data-rich backend solutions for your web application using Tailwind CSS Dashboard UI Components. This collection includes graphs, charts, stats, maps, drawers, admin menus, and 4 ready-to-use admin/dashboard templates, providing everything you need for a powerful backend solution. Access the entire collection with our All-Access Plan Now!

image

Calendars

4 components
image

Charts

10 components
image

Chat Boxes

4 components
image

Chat List

3 components
image

Data Stats

10 components
image

Drawers

2 components
image

Horizontal Menus

6 components
image

Maps

4 components
image

Popovers

6 components
image

Profiles

5 components
image

Select Box

4 components
image

Settings Pages

2 components
image

Steps

8 components
image

Table Stacks

5 components
image

Vertical Navbars

7 components

AI Components

Elevate your website's appeal and drive conversions with Tailwindcss AI Components! Designed to captivate visitors and convert them into loyal customers, our comprehensive suite of UI components is meticulously crafted for seamless integration into your product, offer, or app promotion strategies.

image

AI Hero

6 components
image

AI Navbars

4 components
image

Code Generators

2 components
image

Image Generators

4 components
image

Video Generators

2 components