Tailwind CSS

Colors and Fonts 面向设计师、前端开发者以及任何需要精准配色的用户的在线工具平台，旨在提供快速、直观的配色、渐变、颜色转换和可访问性检查等功能，帮助用户在项目中快速生成和管理颜色方案。 Colorsinspo免费国内可直接访问 Hexorial Studio 出品的免费在线配色工具站，可浏览上千套调色板、从图片取主色、按 WCAG 2.2 检测对比度并生成 Tailwind 色阶，适合做 UI 的设计师定完配色后顺手检查文字可读性。 本站 11 月 8 日 检测 LangUI免费不用登录 开源的 Tailwind CSS 组件库，提供 60 多个 AI 聊天界面组件，含亮暗两套样式与响应式布局，复制粘贴即可使用，适合已用 Tailwind 的前端开发者快速搭出对话窗口和提示词输入框。 weapp-tailwindcss免费不用登录国内可直接访问 把 Tailwind CSS 4 适配到小程序的构建期工具，按平台分别产出 Web 与小程序 CSS，适合用 uni-app、Taro 同时维护 H5 和小程序版本的团队保留一个样式入口。 本站 11 月 8 日 检测 AI Image Maker付费 面向独立开发者与单人创始人的图片工具站源码模板，打包设计画布、压缩裁剪、格式转换、抠图等二十多个工具页面，基于 React / Next.js 可一键部署，适合想快速上线图片工具产品验证想法的人。 UIBak免费 基于 Tailwind CSS 的 Web UI 组件库，由 Baklib 团队维护，提供页面组件、页面片段和整页模板，复制带类名的 HTML 即可使用，适合用 Tailwind 写前端、不想重复造轮子的开发者挑组件改改就用。 React Bits有免费版 开源的 React 动画组件库，把文字动画、背景、交互卡片和微交互做成带可调参数的独立组件，支持复制源码或用 CLI 安装，适合正在做 React 项目、想给界面加现成动效又不想引入庞大依赖的前端开发者。 shadcn-admin免费 satnaing 开发的开源管理后台代码集合，自带侧边栏、全局搜索命令面板和 10 多个页面，明暗模式、响应式布局与 RTL 适配均已处理，适合已在用 Shadcn UI 或 Tailwind 的前端开发者把页面和组件搬进自己的后台项目。 Inspira UI免费 面向 Vue 与 Nuxt 的开源界面组件库，组件以源码形式提供，样式基于 Tailwind CSS，配色、圆角、间距都能在类名里调整，并收录带过渡和悬停效果的动效区块，适合做落地页、作品集这类展示型站点的前端开发者直接复制进项目修改。 shadcn/ui免费不用登录 开源的 React 组件集合，基于 Radix UI 和 Tailwind CSS，把按钮、对话框、表单等源码放在文档站供按需复制，适合想统一团队组件风格、又不愿被第三方库默认样式绑住的前端开发者。 21st有免费版可选登录 面向 React 开发者的 UI 组件库，收录上千个基于 Tailwind 的按钮、定价区块、AI 聊天界面等组件，可在线预览后复制提示词或安装命令，适合想让 AI 编程助手直接检索并安装界面的前端开发者。 Uiverse免费 社区投稿的免费 UI 元素库，收录按钮、加载动画、卡片、表单等成品组件，可按 HTML/CSS、Tailwind、React 取码或直接粘进 Figma，适合赶工期的前端开发者快速凑出交互细节。 shadcn/vue免费不用登录 unovue 维护的开源 Vue 界面组件集合，以源码复制方式提供按钮、对话框、表单等元素和账户设置、聊天窗口等页面区块，附可预览效果与代码，适合熟悉 Tailwind CSS 的前端在搭中后台时直接取用改造。 daisyUI 基于 Tailwind CSS 的开源插件，用 btn、card 等语义类名替代成串工具类，颜色走 CSS 变量、换主题不用改类名，适合已在用 Tailwind 的前端开发者快速搭后台和表单页。 Tailwind CSS 工具类优先的 CSS 框架，用 flex、pt-4 这类原子类直接在 HTML 里拼出界面，靠 md:、dark: 前缀处理响应式与夜间模式，适合用 React、Vue 做项目的前端开发者快速搭页面。