Future UI

Particle Swarm

▦ Cards

Card with animated canvas particle dot swarm effect.

cardparticlescanvasanimation

No preview available

Canvas2D + GSAP ~ Hover to Interact

Controls

#6366f1

Cards / React Component

About Particle Swarm

Card with animated canvas particle dot swarm effect.

Category Cards
Framework React + TypeScript
Dependencies gsap, @gsap/react
Tags card, particles, canvas, animation

Install Particle Swarm in your project

Copy the shadcn CLI command below. Replace YOUR_LICENSE_KEY with the license key from your FutureUI account — or log in and it will auto-fill for you.

npx shadcn@latest add "https://futureui.studio/api/registry/particle-swarm.json?key=YOUR_LICENSE_KEY"

Usage example

import ParticleSwarm from './ParticleSwarm';

export default function Example() {
  return <ParticleSwarm accentColor="#8b5cf6" maxWidth={320} maxHeight={420} />;
}