HyperUI開(kāi)源的 Tailwind CSS 組件庫(kù)
HyperUI 是一個(gè)免費(fèi)開(kāi)源的 Tailwind CSS 組件庫(kù)。
如何工作
在網(wǎng)站上搜索組件、查看預(yù)覽、源代碼并將 HTML 復(fù)制到剪貼板。
設(shè)置
git clone [email protected]:markmead/hyperui.git yarn yarn dev
如果需要，可以在新窗口中運(yùn)行 yarn watch。 這將在每次更改時(shí)重建 CSS。
添加組件
所有組件和集合都存儲(chǔ)在 /public/components/[collection]/[id].
添加到現(xiàn)有集合
假設(shè)您創(chuàng)建了一個(gè)新的頁(yè)腳組件。
在 /public/components/footers/中創(chuàng)建一個(gè)名為 4.html的新文件
然后將新組件添加到頁(yè)腳集合。
--- 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 ---
評(píng)論
圖片
表情