Components
Loading preview...
12 continuously animated weather icons — each is a living micro-scene, not a static SVG. Sun rays rotate, rain drops fall, lightning flashes randomly, snowflakes drift sideways, wind paths draw themselves, fog layers breathe, rainbow arcs pulse in sequence. All framer-motion driven, zero CSS keyframes. Import individually or use the full set.
npx shadcn@latest add https://21st.dev/r/dev.yadhakim/animated-weather-iconsimport { Component } from "@/components/ui/animated-weather-icons";
export default function Demo() {
return (
<div className="flex min-h-screen items-center justify-center bg-background">
<Component />
</div>
);
}