← All Components
Gallery

Cards Gallery

$8

A gallery component built for Framer. Live preview below — interact with it directly before you buy.

Cards Gallery

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.

Features

  • 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

Best value

Get every component with All-Access — $129

Cards Gallery and all 122 others, current and future.

Get All-Access