100/207

Magic Card

Hover to reveal

This card explodes into particles on hover, revealing rich content underneath with a mesmerizing visual effect.

ReactAnimationPremium

Magic Card

Hover to reveal

Particle Card

Cards

Card that explodes into particles on hover

particleexplosionrevealpremium

Installation

npx shadcn@latest add https://nonaxial.com/r/particle-card.json

Usage

tsx

import { ParticleCard } from "@/components/nonaxial/particle-card"

export default function Example() {
  return (
    <ParticleCard>{/* Your content here */}</ParticleCard>
  )
}

Props

Prop	Type	Default
children	ReactNode	—
className	string	—