Skip to Content
🎉Introducing Pumki UI
AnimationsSpace Particles

Space Particles Animation

A component that renders a Dynamic 3D field of particles in space.

Pumki UIPumki UI

Installation

Usage


1import { Particles } from '@/components/pumki-ui/animations/space-particles';

🎨 Particle Asset (Required!)

Download the particle texture for the UI project:

Download Particle

Save it in:

public/assets/particle.png


1<Particles
2 color="#fffff"
3 particleCount={25000}
4 particleSize={5}
5 animate={false}
6 className="z-0"
7 />

Props

PropTypeDefaultDescription
colorstring”#ff3366”Base color of the particles (HEX).
particleCountnumber10000Total number of particles rendered.
particleSizenumber35Size of each individual particle.
animatebooleantrueWhether particles animate color transitions.
classNamestring""Optional class for the outer container.
Last updated on