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