hyperui README

The project's README from github.com/markmead/hyperui. As one markdown file: README.md.

HyperUI

Free, open-source Tailwind CSS components for marketing sites, web apps, and eCommerce projects.

Browse components on hyperui.dev, copy the markup, and paste it into your Tailwind CSS project.

Use HyperUI

There is no package to install.

  1. Find a component on hyperui.dev.
  2. Copy the code.
  3. Paste it into your project.

Run the site locally

pnpm install
pnpm dev
pnpm run css:component --watch

To preview the blog styles, execute: pnpm run css:blog.

Contributing

Please open an issue first before starting work.

License

MIT

hyperui (markmead/hyperui)

Searching Database…

12.3K ·GitHub
这是什么?HyperUI 是一个免费的开源 Tailwind CSS 组件集合,适用于营销网站、Web 应用和电商项目,可在 hyperui.dev 上浏览。
这是需要我安装的组件库,还是只是一个可以复制代码的网站?没有需要安装的包或库。它是一个现成的 HTML/Tailwind 代码目录,你可以在网站上浏览,然后直接粘贴到自己的代码中。
我到底该怎么使用 HyperUI 组件?在 hyperui.dev 上找到喜欢的组件,复制其代码,然后直接粘贴到你的项目中。
我的项目里需要先配置好 Tailwind CSS 吗?需要。这些代码依赖 Tailwind 工具类,所以你需要已有一个 Tailwind CSS 项目,才能把组件粘贴进去。
使用这些组件需要 React 或其他 JS 框架吗?不需要。组件是纯 HTML 加 Tailwind 类名,只要配置好 Tailwind,就能在任何框架或静态 HTML 页面中使用。
HyperUI 包含哪些类型的组件?它涵盖营销网站板块、通用 Web 应用界面组件,以及商品卡片、购物车和结账表单等电商元素。
hyperui.dev 网站本身是用什么构建的?该网站是一个 Astro 项目,部署在 Cloudflare 上,使用了 @astrojs/cloudflare 和 wrangler 等包。
我可以在本地运行网站来预览样式吗?可以。克隆仓库后运行 pnpm run css:blog,即可在本地预览博客的 Tailwind 样式。
HyperUI 是否绑定特定的 Tailwind CSS 版本?它面向 Tailwind CSS v4,因此组件是基于最新的 Tailwind 功能和语法构建并测试的。
Creator
markmead
Size
42.7 MB
Stars
12.3K
Age
4y
Commits · 90 Days