AnomalousMatterHero

A full-screen hero section layered over a generative 3D shader background. Features animated Perlin-displaced geometry, dynamic lighting, and customizable overlay content. Ideal for immersive landing pages, sci-fi themes, or experimental UI.

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

import React from "react";
import { AnomalousMatterHero } from "@/components/ui/anomalous-matter-hero";

function App() {
  return (
    <AnomalousMatterHero
      title="Launch Sequence: Anomaly 12"
      subtitle="Energy dances along unseen frontiers."
      description="This demo shows how to override the default copy and integrate hero into a page layout."
    />
  );
}

export default App;