Getting Started

UI components you own
as source code.

Install React, Vue, or Svelte components directly into your codebase with one command. Inspect the source, customize freely — no runtime package, no account needed.

Terminal

npx particleui add button

Quick start

Up and running in under 60 seconds. No account, no token, no setup.

Start with any React app

Use an existing project or start fresh. The CLI auto-detects your framework and writes source into src/components/ui.

Add a component

Run the install command:

bash

npx particleui add button

Source code lands at src/components/ui/button.tsx — it's yours.

Import and ship

TSX

import { Button } from "@/components/ui/button"

export function Demo() {
  return <Button>Ship it</Button>
}

What's included

From foundational primitives to full-page blocks — all free.

45+

Core

Buttons, inputs, modals, tables.

35+

Particles

Glows, beams, meteors, shimmer.

26+

Blocks

Hero, pricing, auth, dashboards.

25+

Loaders

Spinners, dot-matrix grids, rings, bars.

Why ParticleUI

Everything you need, nothing you don't.

Own CLI

npx particleui add button. Auto-detects React, Vue, and Svelte. No extra config.

OKLCH design tokens

Perceptual color scales with semantic tokens. Dark mode works everywhere, first class.

React · Vue · Svelte

Same components, three frameworks. Switch the registry URL and you're done.

MCP Server

Claude can search and install components in any conversation. AI-native DX.

WCAG AA accessible

All color pairs checked against WCAG 2.1 AA. Focus rings, ARIA roles, keyboard nav.

Free forever

Every component is free. Use in personal and commercial projects with no restrictions.

Installation