Delightful animated stickers for React applications with smooth transitions and customizable effects.
I'll write an installation guide for Sticker Animation using the same structure as your example. Here's the content for your blog post:
pnpm dlx shadcn@latest add https://tiendatdev.me/r/sticker-animation.json
import {
StickerCop,
} from "@/components/StickerCop";export function StickerDemo() {
return (
<StickerCop
id="my-sticker"
frameCount={16}
frameRate={12}
framesPerCol={4}
framesPerRow={4}
spriteImg="/sprites/sticker-sprite.png"
frameSize={120}
className="hover:scale-110 transition-transform"
alt="Animated sticker"
/>
);
}