3D Scroll Cards

3D Scroll Project Cards

Projects, brought into motion.

A refined 3D scroll showcase for Framer. Present selected work, case studies and featured projects with depth, perspective and a smooth sense of motion.

Image or video. Your call.

Every card is independent.

Use an image for one project. A video for the next. Mix both freely across the same showcase without changing the structure of your page.

Made to be yours.

Add, remove and reorder cards directly in Framer.

Adjust content, media, links, typography, colors, borders, radius and spacing without touching code.

Choose a global Light or Dark theme, or give individual cards their own visual direction.

Motion with purpose.

Perspective, scale and depth work together to create a smooth 3D scroll experience.

Each project stays visible, moves naturally into the center and makes space for what comes next.

Built for real work.

Designed for portfolios, creative studios, agencies, product designers, photographers, architects and editorial websites.

Perfect for:

• Portfolio websites

• Case studies

• Featured projects

• Agency websites

• Creative studios

• Product showcases

• Design portfolios

• Photography

• Architecture

• Branding

• Editorial work

Thoughtfully built for Framer.

Responsive across desktop, tablet and mobile.

Includes a static-render-safe fallback for Framer Canvas and publishing, while keeping the full scroll-driven experience on the live site.

Features

• Scroll-driven 3D motion

• Image and video support

• Independent media per card

• Add, remove and reorder cards

• Automatic project indexing

• Individual project links

• Rotating arrow hover interaction

• Light and Dark themes

• Per-card custom styling

• Adjustable card size

• Adjustable scroll spacing

• Perspective and depth controls

• Custom typography

• Custom stroke and radius

• Responsive layout

• Static-render-safe structure

• No CMS setup required

• No-code customization