---
title: "Kinetic Arc Gallery — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Angelo Engelbrecht · Galleries. Description Kinetic Arc Gallery fans project cards diagonally across the frame, giving each position a composed vertical…"
canonical: "https://framer.elliotli.dev/component/kinetic-arc-gallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Kinetic Arc Gallery

# Kinetic Arc Gallery

Tactile Project Carousel

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

![Kinetic Arc Gallery preview image 1](https://framer.elliotli.dev/og/component/kinetic-arc-gallery/35ad28f3c084ddd2/1600x885.jpg)

## Summary

Description Kinetic Arc Gallery fans project cards diagonally across the frame, giving each position a composed vertical offset, rotation and depth.

## Description

Description

Kinetic Arc Gallery fans project cards diagonally across the frame, giving each position a composed vertical offset, rotation and depth. Choose one interaction model for the page—direct Drag, sticky Page Scroll, visible Arrows or a morphing Back/Next Cursor—while the active card settles squarely into focus.

Every image, number, title, alt text and project link is editable, with controls for card scale, spacing, spread, rotation, typography, overlays and motion.

Features

-   Up to 12 responsive project cards with image, number, title, alt text and safe link.
    
-   Source-derived linear fan positioning, depth order and cubic-bezier transition.
    
-   One exclusive Drag, Page Scroll, Arrows or Cursor navigation mode, plus keyboard accessibility.
    
-   Adjustable card width, aspect ratio, spacing and explicit number size.
    
-   Configurable horizontal/vertical spread, rotation, radius, shadow and overlay.
    
-   Clamped edges and selectable starting card.
    
-   Sticky first-to-last Page Scroll runway that never traps normal document scrolling.
    
-   Morphing Back/Next cursor with left/right click or tap navigation.
    
-   Empty and image-error states, reduced motion and static Canvas behavior.
    
-   Framer On Change and On Item events with no external runtime dependency.
    

Setup

1.  Paste the Component URL into a Framer project.
    
2.  Add project images, titles, numbers, alt text and optional links.
    
3.  Choose Drag, Page Scroll, Arrows or Cursor, then tune Card, Arc, Typography and Motion controls.
    
4.  Open Preview to test the chosen interaction in its intended page placement.
    
5.  For Page Scroll, set Height to Auto/Fit Content and keep ancestor Overflow set to Clip or Visible.
    

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

-   All · #10855

## Details

- **Author**: Angelo Engelbrecht
- **Price**: $5.00
- **Published**: 2026-08-31
- **Updated**: 2026-09-01
- **Added**: 2026-08-31
- **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