HyperUI 开源的 Tailwind CSS 组件库开源项目

我要开发同款
匿名用户2022年04月27日
22阅读
开发技术HTML/CSS
所属分类网页组件、Web应用开发
授权协议MIT

作品详情

HyperUI是一个免费开源的TailwindCSS组件库。

如何工作

在网站上搜索组件、查看预览、源代码并将HTML复制到剪贴板。

设置gitclonegit@github.com:markmead/hyperui.gityarnyarndev

如果需要,可以在新窗口中运行yarnwatch。这将在每次更改时重建CSS。

添加组件

所有组件和集合都存储在/public/components/[collection]/[id].

添加到现有集合

假设您创建了一个新的页脚组件。

在/public/components/footers/中创建一个名为4.html的新文件

然后将新组件添加到页脚集合。

---title:Footersemoji:⚽️seo:title:FooterComponentsdescription:FootercomponentscreatedwithTailwindCSScomponents:1:title:LargewithNewsletterForm2:title:SimpleStacked3:title:SimpleRow---Content...

可以像这样添加新组件:

---components:1:title:LargewithNewsletterForm2:title:SimpleStacked3:title:SimpleRow4:title:[Description]spacing[Adjustments]//Optional---

 

查看全文
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论