Living Nebula

shader simulates a breathing, organic nebula in deep space. It features swirling, multi-layered gases and a field of twinkling stars. The animation is interactive, reacting to your mouse movements by creating a gravitational lens effect that warps the fabric of the nebula around your cursor.

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

import LivingNebulaShader from "@/components/ui/living-nebula";

export default function DemoOne() {
  return <div className="app-container">
      <LivingNebulaShader />
      <div className="overlay-content">
        <h1 className="title">Living Nebula</h1>
        <p className="description">An Interactive WebGL Shader</p>
      </div>
    </div>
}