蜡笔猫导航

hextaui

一套基于 Base UI、按 shadcn/ui 方式分发的 React 组件、hooks 与 AI 界面区块,自带加载、错误、空状态等处理。

UI 组件库免费Base UIReactTypeScriptshadcn可复制组件组件库
hextaui 官网预览

它能做什么

  • 基于 Base UI 的 shadcn/ui 风格组件,可复制进项目使用
  • 内置加载中、错误、空状态等边界状态的统一处理
  • 附带 hooks 与 AI 界面区块,便于搭建对话类界面
  • 面向 Next.js、React、Tailwind CSS 技术栈
  • MIT 许可,可自行修改并用于自有项目

适合谁

  • 使用 React/Next.js + Tailwind 的团队快速搭界面
  • 需要统一 loading、error、empty 状态的产品页面
  • 想快速拼出 AI 对话界面的前端开发者

详细介绍

hextaui 是一套面向 React 技术栈的前端组件集合,构建在 Base UI 之上,采用与 shadcn/ui 类似的可复制分发方式,组件代码直接进入项目而不是封装成黑盒依赖。

除了常规组件和 hooks,它把加载中、请求出错、内容为空这类容易做粗糙的边界状态一并处理,并提供面向 AI 对话场景的界面区块,方便开发者直接拼装出消息流、输入区一类的交互界面。技术栈围绕 Next.js、React 与 Tailwind CSS 展开。

适合已经在用 React/Next.js 和 Tailwind 的前端团队,尤其是希望统一状态样式、又想保留组件源码可控性的项目。使用方式是通过站点或 registry 获取组件代码并放进自己的代码库,具体安装与配置步骤以官方文档为准。