About
a real-time animated shader background built with Three.js and GLSL
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Animated Shader Background to your project and fits it to your theme.
Code
How Animated Shader Background is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import AnoAI from "@/components/ui/animated-shader-background";
const DemoOne = () => {
return (
<div className="w-full h-screen bg-black">
<AnoAI/>
</div>
);
};
export { DemoOne };
















