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 ---
评论