HyperUI（Tailwind CSS组件集）简介

HyperUI 是一个免费开源的Tailwind CSS组件集，收集了大量的Tailwind CSS组件，我们可以将其用于应用程序UI、电子商务和营销，支持暗黑模式、RTL和Alpine JS。我们可以使用该网站提供的这些组件构建自己的营销网站、管理仪表板、电子商务商店等等，只需要将代码复制粘贴到自己的项目中即可。

• 应用程序UI组件：警告、徽章、面包屑、按钮组、详细列表、下拉菜单、错误页面、网格、标题、输入框、身份验证表单、分页、进度条、单选组、选择器、侧边菜单、统计信息、步骤、表格、选项卡、文本区域、切换开关、垂直菜单等等。
• 营销组件：公告、横幅、博客卡片、按钮、卡片、CTA（呼吸灯）、FAQ、页脚、表单、标题、弹出窗口、定价、部分、统计、推荐信等等。
• 电子商务组件：购物车、集合卡片、集合筛选器、特色部分、产品卡片、产品集合、数量输入等等。

HyperUI（Tailwind CSS组件集）官网

• Github项目开源主页：https://github.com/markmead/hyperui
• 官方主页：https://www.hyperui.dev/

tldraw 在线画图工具(附教程)

打开官网，查找自己所需的组件，然后将代码复制粘贴到自己的项目中去即可。某些组件支持深色模式和Alpine JS变种。