Pricing

Meteors

A meteor shower effect.

6,499

Bookmarks

10,699

Installs

27,299

Views

12 lines
import { Meteors } from "@/components/ui/meteors"

export default function MeteorDemo() {
  return (
    <div className="relative flex h-[500px] w-full flex-col items-center justify-center overflow-hidden rounded-lg border">
      <Meteors number={30} />

6 more lines behind a plan

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

See plans
Dependencies
None — plain React + Tailwind
License
MIT License
Published
1/17/2025
Categories

Similar components

That's all 6 components

Explore more

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