Pricing

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.

5,469

Bookmarks

3,669

Installs

34,269

Views

30 lines
"use client"

import { useEffect, useState } from "react"
import { useTheme } from "next-themes"

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

export default function ParticlesDemo() {
  const { resolvedTheme } = useTheme()

21 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Dependencies
next-themes
License
MIT License
Published
1/10/2025
Categories

Similar components

That's all 6 components

Explore more

Part of Magic UI — browse the full library on Nuxus.