design-infraReport a problem or share feedback← Catalog
Floating 3D Particles
freemagicui/floating-3d-particles
A canvas-based pseudo-3D particle field with perspective projection, continuous rotation and buoyant drift.
$
npx shadcn@latest add @magicui/floating-3d-particles- Source
- Magic UI
- Kind
- component
- Categories
- 3d, background
- Use as
- drop-in — replaces your component
- Applies to
- 3dbackground
- Motion
- on loop · expressive · canvas · high cost · respects reduced motion
- Licence
- MIT (magicuidesign/magicui). Magic UI Pro templates are a separate paid product — not catalogued.
- Live demo
- magicui.design
- Docs
- magicui.design
Similar
Compare all 4 →- Canvas Fractal Gridcult-ui/canvas-fractal-gridInteractive canvas-based fractal dot grid with mouse tracking and wave effects
- Kinetic fieldoc/kinetic-field♥ The user explicitly asked to keep Kinetic Field in the homepage examples. Retain its pointer-responsive particle forms and controls.
- Canvas Reveal Effectaceternity/canvas-reveal-effectA dot background that expands on hover, as seen on Clerk's website