Getting Started

Build faster with ParticleUI

A premium component registry for React, Vue, and Svelte. 100+ components install directly into your codebase via the ParticleUI CLI — you own the source, style it however you want, ship it to production.

Terminal

npx particleui-cli add glow-button

Quick start

Up and running in under two minutes.

Set up your project

Run the interactive init — it detects your framework and sets up your config:

bash

npx particleui-cli init

Configure the registry

Open particleui.json (or components.json) and add @particleui under registries:

components.json

{
  "registries": {
    "@particleui": {
      "url": "https://particleui.dev/r/react/{name}.json",
      "headers": {
        "Authorization": "Bearer ${PARTICLEUI_TOKEN}"
      }
    }
  }
}

Install your first component

Run the CLI with any component name:

bash

npx particleui-cli add glow-button

The component source lands in src/components/ui/glow-button.tsx. You own it — edit it freely.

What's included

Three tiers of components, from foundational primitives to full-page blocks.

Core Primitives

Buttons, inputs, modals, tables — every building block you need.

Particle Effects

Glows, beams, meteors, tilt, marquee, shimmer — motion that delights.

Full-page Blocks

Hero, pricing, auth, dashboards, FAQ, testimonials — ready to ship.

Why ParticleUI

Everything you need, nothing you don't.

Own CLI

npx particleui-cli 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.

MIT licensed

Free components are MIT. Pro components require a license. You always own the source.

Installation