---
title: "Circular Gallery 3D — Free Framer component · Best of Framer"
description: "Free Framer component · by Karim Saif · Galleries. 3D WebGL Image Carousel"
canonical: "https://framer.elliotli.dev/component/circular-gallery-3d"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Circular Gallery 3D

# Circular Gallery 3D

3D WebGL Image Carousel

[View on Framer](https://framer.com/marketplace/components/circular-gallery-3d/?via=elliot-li)

![Circular Gallery 3D preview image 1](https://framer.elliotli.dev/og/component/circular-gallery-3d/6bb1f6f1ce6c57b4/1600x1056.jpg)

## Summary

3D WebGL Image Carousel

## Description

### Circular Gallery

Create a visually striking **3D circular image gallery** with smooth momentum scrolling, interactive dragging, curved card layouts, and subtle WebGL distortion.

Circular Gallery is designed for modern portfolios, creative websites, photography showcases, product presentations, and immersive landing pages where your visuals deserve more than a standard carousel.

### ✨ Features

-   **3D curved gallery layout** — Bend your gallery horizontally to create a cinematic circular effect.
    
-   **Smooth inertial scrolling** — Natural momentum-based movement for a polished interactive feel.
    
-   **Drag & wheel interaction** — Navigate through your gallery using mouse dragging or scrolling.
    
-   **WebGL distortion** — Add subtle dynamic distortion while the gallery moves.
    
-   **Customizable cards** — Control corner radius, curvature, and visual distortion.
    
-   **Navigation arrows** — Optional previous/next controls for easier navigation.
    
-   **Custom typography** — Adjust font family, size, weight, and text color.
    
-   **Custom fonts** — Use your own CSS font family when needed.
    
-   **Responsive** — Automatically adapts to different container sizes and screen dimensions.
    

### 🚀 Perfect For

Circular Gallery works especially well for:

-   Creative portfolios
    
-   Photography websites
    
-   Design portfolios
    
-   Agency websites
    
-   Product showcases
    
-   Fashion & editorial websites
    
-   Art galleries
    
-   Case study presentations
    
-   Interactive landing pages
    
-   Personal websites
    

### 💡 Designed for Framer

Built specifically as a **Framer Code Component**, Circular Gallery gives you the visual flexibility of WebGL while keeping the experience simple to configure directly from the Framer property panel.

No complicated setup. Add your images, customize the controls, and make the gallery your own.

### Support

Having an issue or want to suggest an improvement?

I'd love to hear from you.

**X:** [@karimsaif0](https://x.com/karimsaif0?utm_source=chatgpt.com)

**Email:** [**krimsaif010@gmailcom**](mailto:karimsaif010@gmail.com)

## Rank history [How rankings work →](/terms#rankings)

-   All · #2862

## Details

- **Author**: Karim Saif
- **Published**: 2026-08-15
- **Updated**: 2026-08-15
- **Added**: 2026-08-15
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery