benflux/ui
WOW Effects

Particle System

An interactive canvas-based particle field. Particles react to mouse movement.

Interactive particle field

Installation

npx benflux-ui add particles

Usage

import { Particles } from "@/components/ui/particles"

// Basic usage
<div className="relative h-screen bg-black">
  <Particles />
  <div className="relative z-10">Your content</div>
</div>

// Custom configuration
<Particles
  count={100}
  color="hsl(var(--primary))"
  speed={0.5}
  interactive   // particles react to mouse
  connect       // draw lines between nearby particles
  className="absolute inset-0"
/>