Cosmic Background

WebGL-powered cosmic background with aurora, cosmic, and neon shader variants

backgrounds cosmic webgl shader three.js aurora background

import { CosmicBackground } from "@/components/vritti/cosmic-background";

export function CosmicBackgroundExample() {
  return (
    <CosmicBackground variant="aurora" className="h-[400px] w-full rounded-lg border overflow-hidden" />
  );
}

Installation


pnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/cosmic-background"

Dependencies


pnpm add three