About Component
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
Pauses animations when scrolled out of view for performance
Reduced motion support for accessibility compliance
Full property controls: fonts, colors, scroll height and more
Works out of the box — no setup needed
Use Cases
Architecture & spatial design portfolios
Creative agency & studio showcase pages
Photography & visual storytelling sites
Interior design & real estate portfolios
Fashion & lifestyle brand pages
Product design & industrial showcase
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 framer, custom cursor framer, scroll animation framer, ring carousel, 3D carousel, infinite card loop
About Component
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
Pauses animations when scrolled out of view for performance
Reduced motion support for accessibility compliance
Full property controls: fonts, colors, scroll height and more
Works out of the box — no setup needed
Use Cases
Architecture & spatial design portfolios
Creative agency & studio showcase pages
Photography & visual storytelling sites
Interior design & real estate portfolios
Fashion & lifestyle brand pages
Product design & industrial showcase
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 framer, custom cursor framer, scroll animation framer, ring carousel, 3D carousel, infinite card loop
