Catalyst

应用 UI 工具包

使用 UI 库快速开发,同时不影响你自己的设计理念,使用现代 UI 组件,这些组件是你的代码库的一部分。

React
Headless UI

开发预览

Catalyst 目前处于开发预览阶段,仅对全功能访问用户开放,以帮助我们改进体验。

包含内容

Catalyst 是一个使用 Tailwind CSS、Headless UI 和 React 构建的现代应用程序 UI 工具包,由 Tailwind CSS 团队设计和构建。它是一组美观、可用于生产环境的 UI 组件,你可以将它们添加到你的项目中,与你自己的代码一起使用,你可以自定义、调整和修改它们。

跳过构建自己的按钮、表单控件、对话框、表格、下拉菜单等所需的时间,直接使用精心设计的组件 API,这些 API 使用起来非常方便。

由专家构建 - 你可以相信所有代码都是按照 Tailwind CSS 最佳实践编写的,因为它是由创建和维护该框架的同一个团队编写的。

易于自定义 - 所有内容都使用实用程序类进行样式化,直接在组件标记中。无需配置变量或复杂的 CSS,只需在编辑器中打开任何组件,然后更改你想要的任何内容。

使用 React 构建 — 结构良好、精心设计的 React 组件,由拥有多年 React 经验的专家构建。从 React 生态系统的强大功能和成熟度中获益。

键盘可访问 — 我们构建的所有内容都支持键盘访问,并且我们精心制作标记以提供我们所知的最佳屏幕阅读器体验。

TypeScript 或 JavaScript — 由对类型非常执着的极客使用最新版本的 TypeScript 编写,为您提供最佳的开发体验。我们还提供纯 JavaScript 版本,以防您不喜欢 TypeScript。

屏幕截图

This is a detail imageThis is a detail imageThis is a detail imageThis is a detail image

为开发者而建

我们的模板精心使用我们喜欢的工具的最新版本,因此它们易于维护,并且工作起来很有趣。

  • Tailwind CSS v3.4
  • React v18
  • Headless UI v2.0
  • TypeScript v5.3