SheepNav
BracketUI v4

BracketUI v4

producthunt.com

为Next.js打造的开源TailwindCSS组件库

1个月前制作者:Musabbir Sagar

关于 BracketUI v4

BracketUI v4 是一款免费、开源的组件库,专为 TailwindCSS v3 原生构建,可无缝集成到任何 React 或 Next.js 项目中。只需一次安装,即可获得 Button、Navbar、MegaMenu、Card、Tab 和 ThemeToggle 等核心组件。其独特的三元主题系统(亮色、暗色、跟随系统)能够自动同步设备偏好,开箱即用。快速启动新项目:运行 npx @thirdbracket/create-bracketui-app my-app 即可。基于 MIT 许可,永久免费。

核心功能

  • 一键安装:通过 npm 或 yarn 快速集成到现有项目。
  • 三元主题系统:支持亮色、暗色和跟随系统模式,自动适配用户偏好。
  • 丰富的组件:包含按钮、导航栏、巨型菜单、卡片、标签页和主题切换器等常用 UI 元素。
  • 项目脚手架:使用 CLI 工具 create-bracketui-app 快速生成新项目模板。

主要特性

  • 原生 TailwindCSS 支持:所有组件均基于 TailwindCSS v3 构建,样式可轻松自定义。
  • Next.js 优化:主题系统与 Next.js 深度集成,无需额外配置。
  • 轻量级:只包含必要组件,无冗余依赖。
  • 开源免费:MIT 许可证,可自由使用和修改。
  • 易用性:简洁的 API 设计,降低学习成本。

适用场景

  • 快速原型开发:适合需要快速搭建界面的 Next.js 项目。
  • 主题切换需求:需要支持亮暗主题切换且自动跟随系统的应用。
  • 开源项目:希望使用免费、可定制的组件库的个人或团队。

相关工具