Tailgrids logo

React UI components, blocks and templates built with Tailwind CSS.

VIEW PRODUCT
Tailgrids preview

About Tailgrids

Tailgrids is an open-source React component library built on Tailwind CSS. It gives you 600+ components, blocks and templates, plus a full Figma design system, so designers and developers work from the same source. More than 150,000 developers, designers and teams use it to ship web apps faster.

Key Features

600+ components and blocks

Ready-made UI for applications, dashboards, marketing sites, eCommerce and AI products.

100+ free components

The core library is open source and free to use.

Figma design system

900+ Figma components with tokens and variants that match the code.

CLI tooling

Set up a project and add components with one command.

Works with every React framework

Light and dark themes are built into every component.

More Products & Tools —
GrayGrids logo

GrayGrids

Website templates, components and a Tailwind CSS UI builder.

TailTemplates logo

TailTemplates

Free and premium Tailwind CSS templates.

NextAdmin logo

NextAdmin

Free, open-source Next.js admin dashboard, ready for AI agents.

TailAdmin logo

TailAdmin

Free and open-source Tailwind CSS admin dashboard template.

Join Our Community

Connect With Creators & Coders, Join Our Discord Crew!