Particles

Particles are a fun way to add some visual flair to your website. They can be used to create a sense of depth, movement, and interactivity.

byMagic UI

Installation

terminal

pnpm dlx layro-cli add @magicuidesign/particles

npx layro-cli add @magicuidesign/particles

npx layro-cli add @magicuidesign/particles

bunx layro-cli add @magicuidesign/particles

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

"use client"

import React, {
  useEffect,
  useRef,
  useState,
  type ComponentPropsWithoutRef,
} from "react"

import { cn } from "@/lib/utils"

interface MousePosition {
  x: number
  y: number

Free, with GitHub, Google or email. The install command above works without an account.

Versions

1.0.0 · current
Nov 1, 2026
First release.

Similar components

Floating 3D Particles