# Tailgrids

> An open-source React UI component library built with Tailwind CSS, offering 600+ components, blocks, templates, and a Figma design system for modern web apps.

Tailgrids is an open-source React UI component library built on top of Tailwind CSS, designed to help developers and designers build modern, responsive web interfaces faster. It ships with 600+ free and pro UI components, production-ready blocks, pre-built templates, and a complete Figma design system. The library supports React-based frameworks like Next.js, Astro, and more, and is optimized for accessibility, performance, and design consistency. Tailgrids also includes a CLI tool for scaffolding projects and an MCP integration for AI-powered UI generation.

- **600+ UI Components and Blocks** — *Production-ready, framework-agnostic UI building blocks for applications, dashboards, marketing sites, eCommerce, and AI products.*
- **Figma Design System** — *900+ Figma components with tokens and variants for precise, scalable design-to-development workflows.*
- **Ready-to-Launch Templates** — *Pre-built React and Tailwind CSS templates for real product flows, helping teams ship faster.*
- **Tailwind CSS Styling** — *Built with the latest Tailwind CSS for utility-first styling, theming, and rapid iteration.*
- **Light and Dark Theme Support** — *Built-in light and dark themes across all components, aligned with system preferences.*
- **CLI Tool Support** — *Use the Tailgrids CLI to scaffold projects, add components, and standardize workflows across teams.*
- **Fully Responsive** — *Components are mobile-first and tested across screen sizes and modern browsers.*
- **Accessibility-First** — *Built with accessibility considerations baked in for inclusive UI development.*
- **Open-Source Core** — *100+ free components available under the MIT license via GitHub or npm.*
- **Tailgrids MCP** — *Generate modern UI instantly with AI using the Tailgrids MCP integration.*

## Features
- 600+ UI components and blocks
- React and Tailwind CSS integration
- Figma design system with 900+ components
- Pre-built production-ready templates
- Light and dark theme support
- CLI tool for project scaffolding
- Fully responsive components
- Accessibility-first design
- Open-source MIT licensed core
- MCP integration for AI-powered UI generation
- Framework-agnostic (Next.js, Astro, React, etc.)
- Lifetime access with one-time payment (Pro)

## Integrations
React, Next.js, Astro, Tailwind CSS, Figma, npm, GitHub

## Platforms
LINUX, WEB, API, DEVELOPER_SDK, CLI

## Pricing
Freemium — Free tier available with paid upgrades

## Version
3.0

## Links
- Website: https://tailgrids.com
- Documentation: https://tailgrids.com/docs
- Repository: https://github.com/Tailgrids/tailgrids
- EveryDev.ai: https://www.everydev.ai/tools/tailgrids