一句话Teasim 提供面向 React/TypeScript 的预样式组件库 Themes 与可 tree-shaking 的 Hooks 工具库。
适合谁React 前端开发者、TypeScript 项目团队、需要快速搭建界面与复用常见 hooks 的 Web 应用开发者
核心功能预样式 React 组件库 @teasim/themes主题配置与实时 ThemePanel 预览深色模式、颜色、排版、间距、断点、圆角、阴影等设计系统能力包含 Button、Dialog、Select、Tabs、Table、Tooltip 等常用组件React Hooks 工具库 @teasim/hooksTypeScript 编写ESM tree-shaking,仅引入所需 hooks文档页面支持 GitHub 编辑
功能与用途Teasim 包含 Themes 与 Hooks 两部分。Themes 是预样式组件库,提供开箱即用的 UI 组件、布局原语、主题系统、深色模式、颜色、排版等能力;Hooks 是 React hooks 工具库,用于复用常见交互、状态、浏览器 API 与生命周期逻辑,加速 React 应用开发。
支持语言/框架面向 React 应用;Hooks 库以 TypeScript 编写。安装示例使用 npm、yarn、pnpm、bun。正文未明确支持 Next.js、Vite 等具体框架,但示例代码为 React/JSX。
开源还是闭源页面包含“Edit this page on GitHub”,但正文未明确说明代码仓库、许可证或是否完全开源。
自托管选项作为 npm 包安装到应用中使用,属于前端依赖集成;正文未涉及独立服务或自托管部署选项。
API/SDK提供 npm 包 @teasim/themes 与 @teasim/hooks。Themes 暴露 Theme、ThemePanel、Flex、Text、Button 等组件;Hooks 包含 useBoolean、useCopyToClipboard、useDarkMode、useDebounceValue、useLocalStorage、useMediaQuery、useOnClickOutside、useWindowSize 等。
集成与生态通过 npm/yarn/pnpm/bun 安装,支持 ESM tree-shaking。文档可在 GitHub 编辑。正文未显示与设计工具、框架脚手架、IDE 或第三方服务的集成。
文档质量抓取正文显示文档结构较完整,包含安装、CSS 引入、Theme 包裹、示例代码、主题配置、ThemePanel、组件与 hooks 导航。对快速入门友好,但缺少许可证、兼容性矩阵、迁移指南、性能基准和支持渠道等信息。
中国访问未知
适用场景React 应用界面搭建、设计系统基础组件、主题化前端项目、复用常见浏览器与状态类 React hooks
同类Radix UI、shadcn/ui、MUI、Chakra UI、Mantine、React Aria、ahooks、react-use