About
The page will load with all the interactive features including the color theme switcher, GSAP animations, and the beautiful animated spectrum visualization.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Cosmos Spectrum to your project and fits it to your theme.
Code
How Cosmos Spectrum is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { CosmicSpectrum } from "@/components/ui/cosmos-spectrum";
export default function DemoOne() {
return (
<div className="">
<CosmicSpectrum color="original" blur />
</div>
)
} 















