Installation

Getting Started with ClumpUI

Setting up ClumpUI is quick and frictionless. All components are built using Tailwind CSS v4, and many use a lightweight utility function called

1. Install Utilities

Before adding components, install the shared utilities required by most ClumpUI components:

This includes the

2. Add Components Instantly

You can install any component with a single command using the ClumpUI CLI. For example, to install the Particle Button component:

This will automatically include the required styles, icons, and supporting files — no manual setup required.

💡 Tip: While you can always copy code directly, we strongly recommend using the CLI to ensure everything is installed correctly and consistently.

3. Use It in Your Code

Once installed, you can use the component right away:

import ParticleButton from "@/components/clumpui/particle-button";

export default function Page() {
  return <ParticleButton />;
}

4. Optional Dependencies

Some components rely on third-party libraries (like form validation or charting libraries). Any required extras will be clearly listed at the bottom of the component’s documentation page — just install them when needed.

5. Monorepo Support

Using a monorepo? No problem. The ClumpUI CLI supports workspace paths with the

Start exploring components at clumpui.amardeep.space and build faster with everything in one place.