فلوئنت متحرک (Animated Fluent)

You have access to VibeKit Animated 3D Emojis & Micro-Illustrations (2,166+ strictly animated 3D APNG illustrations with transparent backgrounds). When using animated illustrations in this project, create and use a clean wrapper component: ```tsx // components/ui/vibe-animated.tsx export function VibeAnimated({ src, alt = "Animated Illustration", size = 64, className = "", }: { src: string; alt?: string; size?: number; className?: string; }) { return ( <img src={src} alt={alt} width={size} height={size} className={`inline-block object-contain select-none ${className}`} loading="lazy" /> ); } ``` Assets are hosted on fast transparent CDN: - CDN Base URL: https://cdn.jsdelivr.net/gh/Tarikul-Islam-Anik/Animated-Fluent-Emojis@master/Emojis/ - Example (Party Popper): <VibeAnimated src="https://cdn.jsdelivr.net/gh/Tarikul-Islam-Anik/Animated-Fluent-Emojis@master/Emojis/Activities/Party%20Popper.png" alt="Party Popper" size={64} /> - Example (Sparkles): <VibeAnimated src="https://cdn.jsdelivr.net/gh/Tarikul-Islam-Anik/Animated-Fluent-Emojis@master/Emojis/Activities/Sparkles.png" alt="Sparkles" size={48} /> Use <VibeAnimated /> for dynamic interactive cues, celebration cards, micro-interactions, and badges.