Cards Gallery

Cards Gallery CardsGallery is a scroll-driven 3D ring gallery for Framer.

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

✦ Gallery Bundle: https://frameze.com/components/category/gallery?ref=bundles

About Cards Gallery

CardsGallery is a scroll-driven 3D ring gallery for Framer. Project cards orbit in a perspective-tilted ring — scroll to spin on desktop, drag to rotate on mobile. Hover any card to pull it forward and reveal a live center preview with project title, category, and image. With parallax tilt, a custom animated cursor, dark/light theme toggle, and an infinite card loop, it creates a cinematic portfolio experience that works out of the box.

• Scroll-driven 3D ring rotation on desktop

• Drag with momentum and inertia swipe on mobile

• Hover to pull cards forward with 3D depth effect

• Live center preview — title, category and image on hover

• Parallax tilt on mouse move for depth and immersion

• Custom animated cursor that follows your pointer

• Dark/light theme toggle with smooth icon transition

• Infinite card loop — fills the ring from your project list

• Loader screen with brand name and animated progress bar

• Fully responsive — auto switches to mobile drag mode under 768px

• Reduced motion support for accessibility compliance

• Full property controls: fonts, colors, scroll height and more

Use Cases

Architecture & spatial design portfolios

Creative agency & studio showcase pages

Photography & visual storytelling sites

Interior design & real estate portfolios

Fashion & lifestyle brand pages

Art direction & editorial layouts

Event & experiential agency websites

Luxury brand & premium product pages

Personal branding & freelance portfolios

Keywords

3D gallery, scroll gallery, ring gallery, circular gallery framer, project card gallery, parallax gallery framer, scroll-driven animation, 3D card component, portfolio gallery, hover preview card, interactive gallery, architecture portfolio, cinematic gallery, depth gallery, dark gallery, custom cursor, scroll animation, ring carousel