HyperUI开源的 Tailwind CSS 组件库
HyperUI 是一个免费开源的 Tailwind CSS 组件库。
如何工作
在网站上搜索组件、查看预览、源代码并将 HTML 复制到剪贴板。
设置
git clone git@github.com:markmead/hyperui.git
yarn
yarn dev
如果需要，可以在新窗口中运行 yarn watch。 这将在每次更改时重建 CSS。
添加组件
所有组件和集合都存储在 /public/components/[collection]/[id].
添加到现有集合
假设您创建了一个新的页脚组件。
在 /public/components/footers/中创建一个名为 4.html的新文件
然后将新组件添加到页脚集合。
---
title: Footers
emoji: ⚽️
seo:
title: Footer Components
description: Footer components created with Tailwind CSS
components:
1:
title: Large with Newsletter Form
2:
title: Simple Stacked
3:
title: Simple Row
---
Content...
可以像这样添加新组件：
---
components:
1:
title: Large with Newsletter Form
2:
title: Simple Stacked
3:
title: Simple Row
4:
title: [Description]
spacing [Adjustments] // Optional
---
评论