Celestial Star

An animated SVG star icon drawn from the real limb-darkening law, with rotating granulation, a spot belt, prominence loops, and a corona, for astronomy or space-themed dashboards and illustrations.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Celestial Star to your project and fits it to your theme.

"use client";

import CelestialStar from "@/components/ui/celestial-star";

export default function CelestialStarDemo() {
  return (
    <div className="flex min-h-[320px] w-full items-center justify-center p-4">
      <CelestialStar
        size={320}
        kind="main-sequence"
        behavior="flare"
        label="STAR / 03"
      />
    </div>
  );
}