ui
Open-source components, blocks, and AI agents designed to speed up your workflow. Import them seamlessly into your favorite tools through Registry and MCPs.
A collection of ready-made website sections and page blocks for Next.js, built on shadcn/ui and Tailwind CSS, covering marketing pages, app UI, and e-commerce layouts you can install and customize without starting from scratch.
Creative Tim UI is a library of pre-built website components and page sections for developers building modern web applications. It is built on top of shadcn/ui, which is itself a popular set of React components styled with Tailwind CSS. This project adds a larger collection of ready-made blocks and designs on that foundation so that you can assemble pages faster without designing each section from scratch.
The library is aimed at Next.js projects. To use it, your project needs Node.js 18 or later, Tailwind CSS set up, and shadcn/ui initialized. Once those prerequisites are in place, you add components using a command-line tool. You can install everything at once with a single command, or pick individual components by name. The CLI handles wiring up the necessary dependencies automatically.
The component collection covers a wide range of common website sections. On the application side, there are modals, account settings panels, and billing screens. On the marketing side, there are testimonial sections, contact forms, FAQ layouts, blog post grids, and footer designs. The library also includes ecommerce blocks for product listings, shopping carts, and checkout flows, as well as a small set of Web 3.0 card designs aimed at blockchain or crypto projects.
All the blocks are described as customizable. Because they follow the shadcn/ui approach, the component code is copied directly into your project rather than sitting behind a package you cannot touch, which means you can modify any block to fit your specific design needs.
The project is open-source under the MIT license. It draws on foundational work from shadcn/ui and Material Tailwind, and credits those projects alongside others for contributing to its design and documentation structure.
Where it fits
- Assemble a marketing landing page in minutes by combining pre-built hero sections, testimonial blocks, FAQ layouts, and footer designs from the component library.
- Add a complete e-commerce flow to a Next.js project by installing the product listing, shopping cart, and checkout block components.
- Drop in an account settings panel or billing screen into an existing app without building the layout from scratch.
- Copy a specific UI block into your project and tweak its code freely since components live in your codebase, not a locked package.