Animated Cosmic Icons

12 space-themed animated SVG icons — each is a living micro-universe with orbits, pulses, particles, and physics. A planet with an orbiting moon, a black hole with a spiraling accretion disk, a comet trailing particles, a supernova with expanding shockwaves, a galaxy with rotating arms, a satellite broadcasting signals, a meteor shower, constellations connecting, a solar eclipse with drifting moon, a nebula with swirling gas clouds, a floating astronaut, and a pulsing wormhole. All continuously animated on load. Import individually or as a set.

Created by

Installation

npx shadcn@latest add https://21st.dev/r/dev.yadhakim/animated-cosmic-icons

import { Component } from "@/components/ui/animated-cosmic-icons";

export default function Demo() {
  return (
    <div className="flex min-h-screen items-center justify-center bg-background">
      <Component />
    </div>
  );
}

Dependencies