Shader Background

A theme-aware and accessible animated background component powered by a WebGL shader. It provides a dynamic, noise-based visual effect that can be customized with props.

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

import { ShaderBackground } from "@/components/ui/shader-background";

export default function DemoOne() {
  return <ShaderBackground />;
}