Creative Tim UI

is a comprehensive component library built on top of 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:

bash
# Use directly (recommended)npx @creative-tim/ui@latest add <component-name>
# Or using shadcn clinpx 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:

  • Node.js 18 or later
  • shadcn/ui initialized in your project (npx shadcn@latest init)
  • Tailwind CSS configured

Usage

Install All Components

Install all available Creative Tim UI components at once:

bash
npx @creative-tim/ui@latest add all

This command will:

  • Set up shadcn/ui if not already configured
  • Install all Creative Tim UI components to your configured components directory
  • Add necessary dependencies to your project

Install Specific Components

Install individual components using the components add command:

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

Examples:

bash
# Install the orb componentnpx @creative-tim/ui@latest add card

Alternative: Use with shadcn CLI

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

bash
# Install all componentsnpx shadcn@latest add https://creative-tim.com/ui/r/all.json
# Install a specific componentnpx shadcn@latest add https://creative-tim.com/ui/r/button.json

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

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

Marketing

Ecommerce UI

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

Web 3.0

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

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 .

Copyrights and Licenses

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

  • - The documentation structure, registry system, and foundational (atomic) components are from the open source work in shadcn/ui.
  • by Creative Tim - The blocks and component designs are inspired by and based on Material Tailwind Framework.
  • - General inspiration for the documentation structure and approach of blocks.
  • by Vercel - The beautiful typeface used throughout the interface.

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

License

Licensed under the .

Made with love by .