About Cards Gallery

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