Creative Tim UI

Creative Tim UI 是一个构建在 shadcn/ui 之上的综合组件库，旨在帮助您更快速地构建现代 Web 应用程序。

概览

Creative Tim UI 提供预构建且可自定义的 React 组件和区块，专为构建精美、可用于生产环境的 Web 应用程序而设计。通过 CLI，您可以轻松地将这些组件添加到您的 Next.js 项目中。

安装

您可以直接通过 npx 使用 Creative Tim UI CLI，也可以将其全局安装：

# 直接使用（推荐）
npx @creative-tim/ui@latest add 

# 或者使用 shadcn cli
npx shadcn@latest add https://creative-tim.com/ui/r/all.json

前置要求

在使用 Creative Tim UI 之前，请确保您的 Next.js 项目满足以下要求：

• Node.js 18 或更高版本
• 项目中已初始化 shadcn/ui (npx shadcn@latest init)
• 已配置 Tailwind CSS

使用方法

安装所有组件

一次性安装所有可用的 Creative Tim UI 组件：

npx @creative-tim/ui@latest add all

该命令将执行以下操作：

• 如果尚未配置，将设置 shadcn/ui
• 将所有 Creative Tim UI 组件安装到您配置的组件目录中
• 向您的项目添加必要的依赖项

安装特定组件

使用 components add 命令安装单个组件：

npx @creative-tim/ui@latest add 

示例：

# 安装 card 组件
npx @creative-tim/ui@latest add card

替代方案：使用 shadcn CLI

您也可以使用标准的 shadcn/ui CLI 安装组件：

# 安装所有组件
npx shadcn@latest add https://creative-tim.com/ui/r/all.json

# 安装特定组件
npx shadcn@latest add https://creative-tim.com/ui/r/button.json

所有可用组件均可在此处找到，或点击此处浏览示例区块列表。

区块

探索我们按类别组织的即用型区块集合。每个区块均可完全自定义，并且只需一条命令即可添加到您的项目中。

应用 UI

• Modals (5 个区块)
• Account (7 个区块)
• Billing (5 个区块)

营销

• Testimonial Sections (17 个区块)
• Contact Sections (15 个区块)
• Footers (16 个区块)
• FAQs (6 个区块)
• Blog (15 个区块)

电商 UI

为产品列表、购物车和结账流程准备的即用型区块。

• Ecommerce Sections (14 个区块)

Web 3.0

专为去中心化应用程序、区块链项目和加密平台构建的创新区块。

• Web 3.0 Cards (5 个区块)

贡献

如果您想为 Creative Tim UI 做出贡献，请遵循以下步骤：

1. Fork 本仓库
2. 创建一个新分支
3. 在 registry 中对组件进行修改
4. 向主分支提交 Pull Request

请阅读贡献指南。

版权与许可

Creative Tim UI 构建于开源社区的杰出成果之上：

• shadcn/ui - 文档结构、注册系统和基础（原子）组件源自 shadcn/ui 的开源工作。MIT 许可协议
• Material Tailwind by Creative Tim - 区块和组件设计灵感源自并基于 Material Tailwind 框架。MIT 许可协议
• Eleven Labs UI - 文档结构和区块构建方法的主要灵感来源。MIT 许可协议
• Geist Font by Vercel - 在整个界面中使用的精美字体。SIL Open Font License 1.1

我们非常感谢这些项目将其成果以开源协议发布。

许可

基于 MIT 许可协议发布。

Made with love by Creative Tim.