Hurricane Season

Animated WebGL metaballs background with a five-color palette, film grain, and cursor-driven swirl distortion. A React component for hero sections and full-width backgrounds, with no additional npm dependencies. Generated with the 21st.dev Shader Builder and adapted from Paper Shaders under Apache-2.0.

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

import { ShaderBackground } from "@/components/ui/hurricane-season"

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