Tailwind CSS UI Components, Blocks and Sections to Speed Up Development

Wide range of 400+ free & premium Tailwind CSS UI components, blocks, sections, examples and templates to create beautiful web user interface for your web projects fast. High-quality UI elements handcrafted to solve your design and coding challenges for making your web project closer to launch.

Application UI

Build complete web applications with stunning and ready-to-use Tailwind UI components crafted for Web Apps. Application UI consists of - blogs, cards, contact sections, special pages, footer sections, modals, navbar & menus, paginations, auth pages, data tables and more.

image

Blogs

7 components
image

Cards

9 components
image

Contacts

10 components
image

Cookies

4 components
image

Error Pages

3 components
image

Footers

8 components
image

Modals

3 components
image

Navbars

8 components
image

Paginations

5 components
image

Auth/Sign In/Up

8 components
image

Tables

6 components

Marketing UI

Everything you need to build a landing page that converts, Tailwind Marketing UI Components specially crafted for sites that promote your product, offer, or apps. This category consists of - Features & services sections, headers, hero areas, pricing tables, portfolios & works, team sections & variations, testimonials & customer reviews, videos sections, call to action (CTA) styles, about sections, brands & logo scroller and more.

image

About

8 components
image

Brands

8 components
image

Call To Actions

7 components
image

Headers & Hero Area

13 components
image

Portfolios

6 components
image

Pricing Tables

10 components
image

Teams

8 components
image

Testimonials

5 components
image

Videos

3 components

Core Components

Core components are the most essential Tailwind CSS UI elements and components that you need to kickstart almost any type of project. This UI category includes - multiple button styles, multiple checkboxes variations, different styles of tabs, accordions, all types of alerts, forms & form elements, ordered/unordered list styles, toggle & switch buttons, badges group buttons, breadcrumbs, dropdown buttons, tooltips, progress-bars and more. Almost all core components are free, feel free to use with commercial projects.

image

Accordions

6 components
image

Alerts

7 components
image

Badges

9 components
image

breadcrumbs

11 components
image

Button Group

6 components
image

Buttons

12 components
image

Checkbox

5 components
image

Dropdown Buttons

4 components
image

Forms

6 components
image

List Styles

9 components
image

Progress Bars

4 components
image

Tabs

6 components
image

Toggle and Switch

9 components
image

Tooltips

3 components

E-Commerce

Tailwind CSS E-Commerce Components to develop e-commerce website UI and site by simply copy-pasting the components and blocks. You will also have 3 bonus ready-to-use E-Commerce templates. Built-with TailGrids E-Commerce UI components. Get TailGrids All-Access plan now and Access it all instantly.

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

8 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