shadcn-compatible components for React, Vue & Svelte. Source code lands directly in your repo — no runtime package, no account needed.
npx particleui add glow-button·always free · no sign-in required
How it works
Run npx particleui add [component] and the source code appears directly in your project. Customize it like normal code — you own it.
npx particleui add glow-buttonParticleUI isn't a package you import. It's a collection of components you copy. No bundle size overhead, no version conflicts.
// component lives in your repoEvery component ships for all three frameworks. shadcn-compatible — drop them straight into projects that already use Radix or shadcn/ui.
// tailored to your frameworkComponent library
Hero canvases, particle systems, aurora, meteors, and animated backgrounds.
BrowseMagnetic buttons, tilt cards, spotlight, glow effects, and cursor interactions.
BrowseHero sections, pricing tables, bento grids, feature rows, and testimonials.
BrowseGradient text, shimmer, glitch, letter-swap, blur-fade, and animated headings.
BrowseAnimate-in, scroll-progress, number-flow, morphing text, and list animations.
BrowseDark and light OKLCH palettes. Apply in one command, tweak in globals.css.
BrowseGet started
No boilerplate, no wrapping every component in a provider, no style collisions. Source code is yours from the first command.
Add a component
npx particleui add glow-buttonImport it
import { GlowButton } from '@/components/ui/glow-button'Use it — that's it
<GlowButton>Get started</GlowButton>