Tailgrid – Tailwind UI Component Library

Tailgrid is a pragmatic component library: every component ships in HTML and React flavours, uses design tokens and passes accessibility checks.

Key features

• 450+ components across 40 categories
• HTML and React versions of every component
• Design tokens for brand colours and radius
• Figma kit with auto-layout

Tech stack

• Tailwind CSS 3
• React 19

Requirements

• Tailwind CSS 3.4+

Installation

1. Copy components from the html or react folders.
2. Merge tailwind.preset.js into your config.

What's included

• Full source code with comments
• Step-by-step documentation
• Demo data and seed scripts where applicable
• 12 months of author support and all future updates