About
Scroll-driven diagonal cascade hero — 8 cards fan from a stack into a slanted bottom-left to top-right spread with pointer parallax
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Slanted Spread Hero to your project and fits it to your theme.
Code
How Slanted Spread Hero is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
"use client"
import SlantedSpreadHero from "@/components/ui/slanted-spread-hero"
export default function Page() {
return (
<main className="w-full min-h-screen bg-black text-white selection:bg-white selection:text-black">
<SlantedSpreadHero/>
</main>
)
}







