Arc Gallery 3D

Arc Gallery 3D

About Arc Gallery 3D

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:

  1. Paste: Create a new code component named ArcGallery3D and paste the code.

  2. Initial State: It will appear as a 200x200 square.

  3. Stretch: Change the width/height to Fill in the sidebar to make it responsive.

  4. Design: Adjust the 3D Bend for depth and Img Width/Height to scale the photos.