SuperAPI AI 工具集

oms-uitripled

前端与建站

查看项目

更新于 10-15 19:57

技能介绍

用途:uitripled 是一个 Turborepo 单仓库,以复制粘贴模式分发 171 个动画 React 组件(shadcn/ui 变体)。它不是可直接 import 的 npm 包,CLI 会把源码文件复制进你的项目。本技能仅覆盖 react-shadcn 变体(171/278 项),react-baseui(88)与 react-carbon(19)不在范围内。

主要能力:注册表含 15 个页面、38 个区块、99 个组件、19 个 UI 基础件,涵盖 components、sections、native、cards、page、decorative、micro、resumes、data、forms 等类别。所有组件基于 React 19、Next.js 16、TypeScript、Tailwind CSS 4 和 Framer Motion。

使用方式:官方 AI 文档推荐用 shadcn CLI 安装,例如 npx shadcn@latest add @uitripled/hero-section-shadcnui;也可用独立 CLI:npx uitripled add hero-section-shadcnui,加 --overwrite 覆盖已有文件。需在应用中包裹 ThemeProvider 与 UILibraryProvider 两个必需 provider。每个已安装组件都需 "use client",因为全部依赖 framer-motion 与 react。可用 useTheme() 切换暗色模式,用 useUILibrary() 在运行时切换设计系统变体。

适用场景:用区块组合落地页(hero → feature-cards → testimonials → pricing → cta → footer),或安装带依赖图的页面。

限制:仅 react-shadcn 变体;需 Tailwind CSS 4 前置条件;组件为源码复制而非包导入;UILibraryProvider 运行时仅支持 shadcnui、baseui、carbon。