Card Sparkles

A card with sparkles moving alongside the card. Perfect for feature cards.

card
Description of the SVG image Loading...

About

The original idea of the <CardSparkles /> component comes from aceternity 's website.

Installation

Not available yet.

Modify your tailwind.config.ts as follows:

const config: Config = {
  theme: {
    extend: {
      animation: {
        move: "move 5s linear infinite",
      },
      keyframes: {
        move: {
          "0%": { transform: "translateX(-200px)" },
          "100%": { transform: "translateX(200px)" },
        },
      },
    },
  },
};

Usage