3D Stacked Website Cards Scroll

3D stacked website cards scroll for an agency's case studies: the nearest site card faces you and the rest file away behind it like folders in a drawer, each showing only its top strip. Scroll files them forward and back in an endless loop.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds 3D Stacked Website Cards Scroll to your project and fits it to your theme.

"use client"

import CaseStackScroll from "@/components/ui/case-stack-scroll"

export default function Demo() {
  // w-full is load-bearing: 21st centres every demo in a flex wrapper, and a
  // flex item left at width:auto shrinks to fit its contents.
  return (
    <div className="w-full">
      <CaseStackScroll fontHref={null} />
    </div>
  )
}