3D Marquee

Galleries 722

About

A 3D perspective marquee that displays a grid of images with continuous scrolling animation.

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

Code

How 3D Marquee is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import ThreeDMarquee from "../components/ui/3d-marquee";
const imgs = Array.from({length:24}, (_,i) => `https://picsum.photos/seed/${i+1}/400/300`);
export default function Demo() {
  return (
    <div className="min-h-screen bg-background flex items-center justify-center">
      <ThreeDMarquee images={imgs} />
    </div>
  );
}