Pricing

Floating 3D Particles

A canvas-based pseudo-3D particle field with perspective projection, continuous rotation and buoyant drift.

318

Bookmarks

6,518

Installs

141,118

Views

34 lines
"use client"

import { ArrowRight } from "lucide-react"
import { useTheme } from "next-themes"

import { Floating3DParticles } from "@/components/ui/floating-3d-particles"

export default function Component() {
  const { resolvedTheme } = useTheme()
  const color = resolvedTheme === "dark" ? "#ffffff" : "#000000"

23 more lines behind a plan

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

See plans
Dependencies
lucide-reactnext-themes
License
MIT License
Published
1/9/2025
Categories

Similar components

That's all 6 components

Explore more

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