Docs
Particles
Particles
A versatile and performant component for creating engaging, animated content displays with smooth infinite scrolling animations. Perfect for showcasing client logos, testimonials, feature highlights, and promotional content with customizable speed, direction, and responsive design.
Particles
Installation
Examples
Stars
Snow
Usage
import { Particles } from "@/components/ui/particles";<Particles variant="snow" />Props
particles props.
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | - | Additional CSS classes to apply to the component |
| variant | "default" | "snow" | "stars" | "default" | The visual style of the particles |
| style | ParticleStyle | Custom particle styling options | |
| interactive | boolean | true | Whether particles should respond to mouse interactions |
| customOptions | Record | Additional configuration options for the particles engine |