Particles

Docs

Particles

Particles are a fun way to add some visual flair to your website. They can be used to create a sense of depth, movement, and interactivity.

Particles

Installation

import { Particles } from "@/components/magicui/particles";

<div className="relative overflow-hidden h-[500px] w-full">
  <Particles />
</div>

Prop	Type	Default	Description
`className`	`string`	`-`	The class name for the component
`quantity`	`number`	`100`	The number of particles
`staticity`	`number`	`50`	The staticity of the particles
`ease`	`number`	`50`	The ease of the particles
`size`	`number`	`0.4`	The size of the particles
`refresh`	`boolean`	`false`	Whether to refresh the particles
`color`	`string`	`#ffffff`	The color of the particles
`vx`	`number`	`0`	The x velocity of the particles
`vy`	`number`	`0`	The y velocity of the particles

Contribute