Noise Field

A decorative animated noise/blob background layer that adds subtle depth and texture behind hero sections or product surfaces.

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

import { NoiseField } from "@/components/ui/noise-field";

export default function NoiseFieldDemo() {
  return (
    <div className="relative w-full h-screen overflow-hidden">
      <NoiseField />
    </div>
  );
}