Iridescence

Shaders 74

About

Magic background

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

Code

How Iridescence is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { Iridescence } from "@/components/ui/iridescence";

const IridescenceDemo = () => {
  return (

    <div className="w-screen h-screen"> 
      <Iridescence

        className="w-full h-full" 
        color={[1.0, 1.0, 1.0]}
        mouseReact={false} 
        amplitude={0.1}
        speed={1.0}
      />
    </div>
  );
};

export { IridescenceDemo };