Skip to content

component

Arc Gallery 3D

By Velnium HQ

Details

Summary

Arc Gallery 3D, a high-performance Canvas-based component designed for modern portfolios and hero sections.

Description

Arc Gallery 3D Elevate your site with this Arc Gallery 3D, a high-performance Canvas-based component designed for modern portfolios and hero sections. Unlike standard sliders, this component uses a mathematical curve to "bend" your images in 3D space, creating a tactile, cinematic depth effect as you scroll. Key Features Dynamic 3D Bend: Adjust the curvature from concave to convex. Full Customization: Control image dimensions, border radius, and background colors. Advanced Typography: Integrated Framer Font controls for styled captions. High Performance: Built on HTML5 Canvas for buttery-smooth interactions. Fully Responsive: Perfectly adapts to any container size. How to Use: Paste: Create a new code component named ArcGallery3D and paste the code. Initial State: It will appear as a 200x200 square. Stretch: Change the width/height to Fill in the sidebar to make it responsive. Design: Adjust the 3D Bend for depth and Img Width/Height to scale the photos.

Introduction

3D Circular Image Carousel & Gallery

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600176718/148/228/309/79/15
  • All · #7637