Creative Tim UI is a comprehensive component library built on top of shadcn/ui to help you build modern web applications faster.
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.
You can use the Creative Tim UI CLI directly with npx, or install it globally:
# Use directly (recommended)
npx @creative-tim/ui@latest components add <component-name>
# Or using shadcn cli
npx shadcn@latest add https://creative-tim.com/ui/r/all.json
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
Install all available Creative Tim UI components at once:
npx @creative-tim/ui@latest components 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 individual components using the components add
command:
npx @creative-tim/ui@latest components add <component-name>
Examples:
# Install the orb component
npx @creative-tim/ui@latest components add orb
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.
If you'd like to contribute to Creative Tim UI, please follow these steps:
- Fork the repository
- Create a new branch
- Make your changes to the components in the registry.
- Open a PR to the main branch.
Please read the contributing guide.
Creative Tim UI is built upon the incredible work of the open source community:
- shadcn/ui - The documentation structure, registry system, and foundational (atomic) components are from the open source work in shadcn/ui. MIT License
- Material Tailwind by Creative Tim - The blocks and component designs are inspired by and based on Material Tailwind Framework. MIT License
- Eleven Labs UI - General inspiration for the documentation structure and approach of blocks. MIT License
- Geist Font by Vercel - The beautiful typeface used throughout the interface. SIL Open Font License 1.1
We are grateful to these projects for making their work available under open source licenses.
Licensed under the MIT license.
Made with love by Creative Tim.