Preview - https://orbitimagegallerypro.framer.website/
OrbitGallery renders a gorgeous, floating 3D ring of images that users can spin, drag, and interact with seamlessly. It automatically manages spacing, perspective depth, and smooth animations between active and inactive states. The component includes built-in auto-rotation with directional control and smart snapping to ensure cards always lock perfectly into focus for your visitors.
Layout and spacing: Easily adjust the total ring radius, individual card width and height, gap sizes, and border radius to fit your exact page grid.
3D perspective: Tweak the tilt angle and depth perspective to give your gallery a subtle, high-end feel or a dramatic, immersive curve.
Animation and control: Toggle auto-rotate on or off, set the rotation speed, choose clockwise or counter-clockwise directions, adjust drag sensitivity, and customize the snap duration and easing functions.
Card styling: Fine-tune the active card scale, adjust the opacity of inactive background cards, and toggle a custom color overlay or depth shadow with adjustable blur.
Text labels: Turn image labels on or off, place them inside or outside the cards, and fully style the font size, font weight, text color, background color, and padding.
Luxury travel and cinematic agency homepages
High-end design portfolios and creative showcases
Immersive hero sections and product launch pages
Visual-heavy landing pages that need a premium, interactive touch
If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I would love to see what you create.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
Preview - https://orbitimagegallerypro.framer.website/
OrbitGallery renders a gorgeous, floating 3D ring of images that users can spin, drag, and interact with seamlessly. It automatically manages spacing, perspective depth, and smooth animations between active and inactive states. The component includes built-in auto-rotation with directional control and smart snapping to ensure cards always lock perfectly into focus for your visitors.
Layout and spacing: Easily adjust the total ring radius, individual card width and height, gap sizes, and border radius to fit your exact page grid.
3D perspective: Tweak the tilt angle and depth perspective to give your gallery a subtle, high-end feel or a dramatic, immersive curve.
Animation and control: Toggle auto-rotate on or off, set the rotation speed, choose clockwise or counter-clockwise directions, adjust drag sensitivity, and customize the snap duration and easing functions.
Card styling: Fine-tune the active card scale, adjust the opacity of inactive background cards, and toggle a custom color overlay or depth shadow with adjustable blur.
Text labels: Turn image labels on or off, place them inside or outside the cards, and fully style the font size, font weight, text color, background color, and padding.
Luxury travel and cinematic agency homepages
High-end design portfolios and creative showcases
Immersive hero sections and product launch pages
Visual-heavy landing pages that need a premium, interactive touch
If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I would love to see what you create.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
Dulaj dilshan
