ui README

The project's README from github.com/creativetimofficial/ui. As one markdown file: README.md.

Creative Tim UI

Creative Tim UI

Creative Tim UI is a comprehensive component library built on top of shadcn/ui to help you build modern web applications faster.

Overview

Creative Tim UI provides pre-built, customizable React components and blocks designed for building beautiful, production-ready web applications. The CLI makes it easy to add these components to your Next.js project.

Installation

You can use the Creative Tim UI CLI directly with npx, or install it globally:

# Use directly (recommended)
npx @creative-tim/ui@latest add <component-name>

# Or using shadcn cli
npx shadcn@latest add https://creative-tim.com/ui/r/all.json

Prerequisites

Before using Creative Tim UI, ensure your Next.js project meets these requirements:

Usage

Install All Components

Install all available Creative Tim UI components at once:

npx @creative-tim/ui@latest add all

This command will:

Install Specific Components

Install individual components using the components add command:

npx @creative-tim/ui@latest add <component-name>

Examples:

# Install the orb component
npx @creative-tim/ui@latest add card

Alternative: Use with shadcn CLI

You can also install components using the standard shadcn/ui CLI:

# Install all components
npx shadcn@latest add https://creative-tim.com/ui/r/all.json

# Install a specific component
npx shadcn@latest add https://creative-tim.com/ui/r/button.json

All available components can be found here or explore a list of example blocks here.

Blocks

Explore our collection of ready-to-use blocks organized by category. Each block is fully customizable and can be added to your project with a single command.

Application UI

Modals
Modals
5 Blocks 		Account
Account
7 Blocks 		Billing
Billing
5 Blocks

Marketing

Testimonial Sections
Testimonial Sections
17 Blocks 		Contact Sections
Contact Sections
15 Blocks 		Footers
Footers
16 Blocks
FAQs
FAQs
6 Blocks 		Blog
Blog
15 Blocks

Ecommerce UI

Ready-to-use blocks for product listings, shopping carts, and checkout flows.

Ecommerce Sections
Ecommerce Sections
14 Blocks

Web 3.0

Innovative sections built for decentralized applications, blockchain projects, and crypto platforms.

Web 3.0 Cards
Web 3.0 Cards
5 Blocks

Contributing

If you'd like to contribute to Creative Tim UI, please follow these steps:

  1. Fork the repository
  2. Create a new branch
  3. Make your changes to the components in the registry.
  4. Open a PR to the main branch.

Please read the contributing guide.

Copyrights and Licenses

Creative Tim UI is built upon the incredible work of the open source community:

We are grateful to these projects for making their work available under open source licenses.

License

Licensed under the MIT license.

Made with love by Creative Tim.

ui (creativetimofficial/ui)

Searching Database…

12.1K ·GitHub
Ui
Что это?Creative Tim UI — это библиотека компонентов на основе shadcn/ui, которая предлагает готовые React-компоненты и блоки для использования (модальные окна, биллинг, футеры, FAQ, секции интернет-магазинов, карточки Web3), чтобы быстрее создавать современные веб-приложения.
Это библиотека компонентов или полноценный UI-фреймворк?Это библиотека компонентов и блоков, которая распространяется через CLI и реестр, а не самостоятельный фреймворк: вы добавляете отдельные компоненты или блоки в существующий проект Next.js.
Как добавить это в мой проект?Запустите CLI Creative Tim UI через npx (или установите его глобально), чтобы сразу установить все компоненты, либо используйте команду components add, чтобы установить отдельные компоненты; также можно использовать стандартный CLI shadcn/ui.
Нужно ли мне заранее настроить shadcn/ui и Tailwind?Да, перед установкой компонентов нужны Node.js 18+, инициализированный в проекте shadcn/ui (npx shadcn@latest init) и настроенный Tailwind CSS.
Работает ли это с любым фронтенд-стеком?Нет, это библиотека, созданная специально для проектов на Next.js с shadcn/ui и Tailwind; без этих предварительных условий она не подойдёт для другого стека.
Какие виды блоков здесь есть?Блоки разделены по категориям: UI приложений (модальные окна, аккаунт, биллинг), маркетинг (отзывы, контактные секции, футеры, FAQ, блог), UI для интернет-магазинов (списки товаров, корзины, оформление заказа) и Web 3.0 (карточки для крипто- и блокчейн-проектов).
Можно ли установить только один компонент, а не все сразу?Да, отдельные компоненты можно установить командой components add, не устанавливая всю библиотеку целиком.
Откуда берутся дизайны компонентов?Структура документации и базовые компоненты взяты из shadcn/ui, а дизайн блоков вдохновлён работами Creative Tim (Material Tailwind) и Eleven Labs UI.
What are similar projects?rare-ui, shapeshift, ui, canvas-ui, Monocharts, lint, awesome-shadcn-ui, react-bits
Which topics is it in?vercel-deployment, tailwind, shadcn, admin, registry, shadcn-ui, ecommerce, web3, component-library, nextjs, ui, react
Creator
creativetimofficial
Size
59.3 MB
Stars
12.1K
Updated
CommitMar 14Releasev3.1.0May 04
Age
10y
Commits · 90 Days