Tail-Kit（注意区分：不是 Tailkits.com）
官网：https://www.tailwind-kit.com
GitHub：https://github.com/charlie85270/tail-kit
MIT 开源协议｜免费商用｜基于 Tailwind CSS v3
一、核心概况
Tail-Kit 是一套开箱即用、纯 Tailwind 编写的组件 & 页面模板库，不新增自定义 CSS，完全依靠原生 Tailwind 工具类，无额外样式污染。
✅ 支持：原生 HTML、React、Vue、Angular、Next.js
✅ 内置 暗色模式（Dark Mode）
✅ 在线实时代码预览、一键复制代码
✅ 250 + 免费组件 + 多款免费整页模板
⚠️ 重要区分
- Tail-Kit / tailwind-kit.com：开源免费 MIT，本文介绍项目
- Tailkits.com：第三方素材导航站，付费组件库平台，二者不是同一个项目！
二、包含内容
1）组件分类（Components）
- 导航：Navbar、侧边栏、移动端汉堡菜单
- 英雄区块 Hero、Logo 墙、特性区块
- 表单：输入框、下拉、复选框、表单布局
- UI 基础：按钮、卡片、警告提示、标签、徽章、分页
- 弹窗、Tabs、手风琴、轮播
- 用户评价、定价面板、FAQ、CTA、页脚
- 仪表盘控件：统计卡片、图表容器、数据表格
2）免费页面模板（Templates）
- 落地页 Landing Page
- SaaS 官网模板
- 后台管理 Dashboard
- 登录 / 注册、忘记密码认证页
- Blog 博客页面、404 错误页
三、授权与使用规则
- License：MIT
✅ 个人项目免费使用
✅ 商业项目、客户项目无限制
✅ 可修改、二次开发
❗ 仅禁止将组件库本身打包售卖
四、使用方式（最简单）
- 打开官网：https://www.tailwind-kit.com
- 浏览组件 / 模板，切换 Light / Dark
- 在线编辑代码，调试样式
- 直接复制 HTML 代码粘贴到你的项目
前提：项目已正确安装配置 Tailwind CSS 3
五、优缺点分析
✅ 优点
- 零依赖，没有额外 JS/CSS，纯粹 Tailwind
- 响应式全部做好，移动端适配完善
- 明暗双模式原生支持
- 代码干净，结构语义化，易于自定义修改
- MIT 协议，商用无压力
- 框架无关，任何技术栈都能用
⚠️ 缺点
- 项目更新活跃度较低（GitHub 近两年提交很少）
- 缺少交互 JS 逻辑（只有静态 HTML，弹窗、下拉需要自己写 JS / Alpine.js）
- 没有组件 CLI 命令，只能手动复制粘贴
- 不支持 Tailwind CSS v4（仅 v3）
六、同类备选参考（方便你对比）
- Float UI：免费开源，大量营销区块
- Meraki UI：免费 Tailwind 组件
- Shadcn/ui：Headless 组件，适合 React 生态（目前最热门）
- DaisyUI：Tailwind 插件式组件库