10 个免费开源的 Tailwind CSS 模板
👋 开发者大家庭,大家好!
我整理了一份 Tailwind 的免费开源模板清单,所以我想何不在这里分享给社区,或许对某些人有用。清单如下!
但首先,对于那些不知道 Tailwind CSS 是什么的人来说,它是一个底层 CSS 框架,可以让你构建完全自定义的用户界面,而无需覆盖任何预定义的组件或样式。
其他一些 CSS 框架(例如:Bootstrap)带有预定义的组件,例如卡片、按钮等等,这在一开始可能很有用,因为它们可以帮助你快速构建网站,但当你尝试自定义网站时,可能会造成很多麻烦。
另一方面,Tailwind 提供了底层实用类,您可以随心所欲地使用,从而让您可以自由地根据自己的喜好和规格构建完全定制的设计。
开始了!
☄️ Tailwind 入门套件
这是一个免费开源的模板,包含多个 HTML 元素以及适用于 React、Vue 和 Angular 的动态组件。要获取它,只需访问网站并点击“开始使用”即可查看文档和下载链接。您也可以查看其GitHub 代码库。
☄️简约轻便 - 落地页模板
这个免费的落地页模板使用 TailwindCSS 和 React 构建,旨在为开发者提供创建 SaaS 产品、在线服务等落地页所需的所有基本组件。要克隆并开始使用,请访问其GitHub 代码库。
☄️ Gatsby-Emotion-Tailwind 入门套件
此模板使用 Gatsby.js、Emotion 和 Tailwind CSS 构建。它包含一些很棒的功能,例如图片懒加载、代码分割和离线支持。更多详情请查看其 [Github 仓库]( https://github.com/chrismwilliams/gatsby-emotion-tailwind-starter )。
☄️管理员仪表盘模板
这是一个使用 Tailwind CSS 和 Alpine.js 构建的免费开源后台管理模板。您可以访问其网站查看,或直接访问其GitHub 代码库。
☄️ Tailwind Toolbox - 着陆页模板
这是一个由 Tailwind Toolbox 创建的通用开源 Tailwind CSS 落地页模板。GitHub
☄️ DevDojo 的地标
DevDojo 出品的这款精美落地页模板仅使用 HTML 和 Tailwind CSS 构建而成。访问其网站即可查看模板并复制源代码,或在GitHub上查看。
☄️ Cleopatra - 管理员仪表盘模板
这是一个使用 Tailwind CSS 创建的简洁的后台管理面板模板。该模板代码编写精良,注释清晰,方便您轻松理解源代码,快速上手构建美观的仪表盘。您可以访问其GitHub 代码库进行克隆并开始使用。
☄️ V-Dashboard - Vue 管理后台模板
这个仪表盘入门模板使用 Vite、Vue 3、Tailwind CSS 和 TypeScript 构建。您可以在GitHub上查看并克隆它以开始使用。
☄️ Ghostwind - 入门级博客模板
这是一个使用 Tailwind CSS 创建的简单博客模板,基于名为 Casper 的热门 Ghost 主题。更多详情请查看其GitHub代码库。
☄️ SaaS 落地页
精美设计的 SaaS 产品落地页,提供深色和浅色两种版本。该落地页采用 Tailwind CSS 构建,并针对移动设备、平板电脑和桌面设备进行了优化。设计中使用的图标均来自优秀的 heroicons 图标库。
🌱 今天就到这里啦。你还有其他关于 Tailwind CSS 的资源吗?欢迎在评论区留言!
PS:您或许也想看看我的其他帖子:
Adios!文章来源:https://dev.to/exwhyzed/10-free-and-open-sourced-tailwind-css-templates-5fb









