Tail-Kit - Free and open source components and templates
A free, open-source Tailwind CSS UI kit with 230+ components, dashboard and landing page templates, a live code editor, and built-in dark mode support.
Includes over 230 fully coded CSS elements ready to drop into any web project.
Dashboards, landing pages, login screens, and more are included and ready to copy-paste.
Edit component code directly in the browser and preview changes in real time.
Most components and templates ship with both light and dark mode variants.
Completely free and open source under the MIT license for personal and commercial use.
Every component uses pure Tailwind CSS utility classes with no custom CSS added.
Officially supports the last two versions of Chrome, Firefox, Edge, Safari, and Opera.
Copy-paste components and templates for your next Tailwind CSS project
Tail-Kit provides a substantial collection of over 230 ready-to-use UI components and a variety of page templates, all built entirely with Tailwind CSS utility classes. No custom CSS is added on top—every element relies solely on the framework's built-in classes, making it straightforward to integrate into existing projects. The kit is aimed at developers who want to quickly assemble interfaces without designing from scratch. It ships with a built-in live code editor that lets you tweak components directly in the browser, and most elements include both light and dark mode variants.
What's included
- 230+ fully coded UI components spanning multiple categories (forms, commerce, elements, and more)
- Dashboard templates ready to copy and paste into your project
- Landing page templates with complete layouts
- Login and authentication page templates
- Light and dark mode versions for most components and templates
- Built-in live code editor for real-time component customization
- Organized component categories (commerce, elements, forms, navigation)
Ideal for
- SaaS dashboards and admin panels that need a quick UI foundation
- Marketing and landing pages requiring polished, consistent components
- Internal tools and prototypes where speed matters more than bespoke design
- Developer side projects that benefit from a free, copy-paste component library
- Learning Tailwind CSS through practical, well-structured examples
Theming & dark mode
Most components and templates come with dedicated dark mode implementations using Tailwind's class-based dark mode strategy. You can toggle between light and dark variants directly in the preview, and the dark styles carry over when you copy the code into your own project. This makes it easy to ship a polished dark theme without writing additional configuration.
License & usage
Tail-Kit is completely free and open source under the MIT license, which permits use in both personal and commercial projects without restriction.
