当前位置: 首页 > 软件库 > Web应用开发 > 网页组件 >

HyperUI

开源的 Tailwind CSS 组件库
授权协议 MIT
开发语言 HTML/CSS
所属分类 Web应用开发、 网页组件
软件类型 开源软件
地区 不详
投 递 者 姚钊
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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

 

 相关资料
  • tailwindcss-jit 是用于 Tailwind CSS 的 JIT 编译器。 部分优点: 构建速度极快 开箱即用地启用所有变体 无需编写自定义 CSS 即可生成任意样式 CSS 在开发和生产环境中保持一致 开发阶段提供更好的浏览器性能 安装和使用@tailwindcss/jit npm install -D @tailwindcss/jit tailwindcss postcss aut

  • 项目描述: 数据访问组件,提供了一组类库和一个代码生成工具,使.net项目中数据访问更简化. 功能: 多种数据库支持. 提供DataSet, DataTable 和数据实体查询. 执行SQL脚本及存储过程. 条件表达式. 常用SQL方法, 如MAX, MIN等可能被应用在查询中. 数据实体代码及XML文件生成. 使用: 基本功能:1. 使用 "EntitiesGenerator" 生成工具生成实体

  • 本章节提供了光环板硬件部分的一些开源资料。

  • The Libra Blockchain is powered by open-source software. The first implementation of the Libra protocol — the technology behind the blockchain — is Libra Core, which is an open-source project managed

  • 我有一个Vue 3 vite应用程序项目安装了Tailwindcss 1.9。我想将TailwindCss升级到2.0版,但出现以下错误。 这是我的邮政编码。配置。js文件:

  • 开关允许用户选择选择项。一共有三种类型的开关:复选框、单选按钮和 on/off 开关。 注释:下面示例中所示的图形环代表一个动画,并不是实际按钮的外观。 复选框 复选框允许用户从一组选项中选择多个。 如果需要在一个列表中出现多个 on/off 选项,复选框是一种节省空间的好方式。 如果只有一个 on/off 选择,不要使用复选框,而应该替换成 on/off 开关。 通过主动将复选框换成勾选标记,可