Tailgrids
Tailgrids is a free, open-source UI component library built with React, Next.js and Tailwind CSS. Open-source React UI library built with Tailwind CSS. It has 1,646 GitHub stars and is released under the MIT license. A live demo is linked from this page.
- Official
- UI components & kits
- Actively maintained
Get started
Copy the files into a new folder with degit (no git history), or clone the repository with git.
npx degit TailGrids/tailgrids my-ui
cd my-ui
npm install # then run the dev script from the READMEgit clone --depth 1 https://github.com/TailGrids/tailgrids.git my-uiSources: GitHub docs on template repositories, degit.
About Tailgrids
Tailgrids is an open-source React UI component library built with Tailwind CSS. Ship modern web applications faster with an extensive collection of 100+ production-ready, fully customizable, copy-paste friendly components, plus premium UI blocks and templates.
Built with
- React
- Next.js
- Tailwind CSS
- TypeScript
Similar templates
More UI components & kits
shadcn/ui
shadcn-ui/ui
Composable, accessible components with thoughtful defaults.
OfficialUI components & kitsTypeScriptAnt Design
ant-design/ant-design
An enterprise-class UI design language and React UI library.
OfficialUI components & kitsTypeScriptMaterial UI
mui/material-ui
Material UI: Comprehensive React component library that implements Google's Material Design.
OfficialUI components & kitsJavaScriptdaisyUI
saadeghi/daisyui
The most popular, free and open-source Tailwind CSS component library.
OfficialUI components & kitsJavaScriptChakra UI
chakra-ui/chakra-ui
Chakra UI is a component system for building SaaS products with speed.
OfficialUI components & kitsTypeScriptHeroUI
heroui-inc/heroui
Beautiful, fast and modern React UI library.
OfficialUI components & kitsTypeScript
What is Tailgrids?
Tailgrids is a free, open-source UI component library built with React, Next.js and Tailwind CSS. Open-source React UI library built with Tailwind CSS. It has 1,646 GitHub stars and is released under the MIT license. A live demo is linked from this page.
How do I use Tailgrids?
Copy the files into a new folder with npx degit TailGrids/tailgrids my-ui (no git history), or fork the repository on GitHub. Then follow the README for the install and dev commands.
Can I use Tailgrids for commercial projects?
Yes. Tailgrids is released under the MIT license, a permissive license that allows commercial use as long as you keep the copyright and license notice. Third-party assets bundled with it (images, fonts, icons) may have their own terms.
Is Tailgrids maintained?
The repository's most recent commit was on Aug 4, 2026. Its latest release is @tailgrids/icons@2.0.1. appsgit only lists templates from repositories with a commit in the last six months.