---
title: "FreeformGallery — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Aragoza.Studio · Galleries. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/freeformgallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/FreeformGallery

# FreeformGallery

Component

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

![FreeformGallery preview image 1](https://framer.elliotli.dev/og/component/freeformgallery/8b2e70eebcfcce60/1600x1200.jpg)

## Summary

Component

## Description

Freeform Gallery ComponentOverview: An infinite, physics-based draggable image grid that smoothly transitions into an immersive, detailed 3D view.1. Core Mechanics & Layout

-   Infinite Canvas: A 4×3 repeating grid across X and Y axes with momentum-based panning optimized for touch and trackpad.
    
-   Dynamic Structure: Applies random offsets and rotations for a scattered aesthetic. Sizing and spacing are adaptive (100–800px range) while preserving original image aspect ratios.
    

2\. Motion & Visuals

-   Animations: Features a "Deck of Cards" intro expansion, viewport scale-in effects, and an interactive 3D wave on hover.
    
-   Aesthetics: Each image is surrounded by customizable square corner frames.
    

3\. Detail View ExperienceClicking an image triggers a transition to a centered view with a 3D perspective and vertical swipe/scroll navigation.

-   Desktop: Features vertical right-side thumbnails and fully visible typography.
    
-   Mobile: Features horizontal bottom thumbnails, hidden labels for space maximization, and a top-right circular back button.
    

4\. Technical Optimization (React 18)

-   Performance: Utilizes smart viewport rendering (rendering only visible tiles plus a safety buffer) and `startTransition` to maintain high frame rates and prevent UI blocking.
    
-   Stability: Caches aspect ratios instantly to prevent layout shifts and applies `touch-action: none` to disable native mobile pull-to-refresh gestures.
    

5\. CustomizationProvides comprehensive control over the component's aesthetics, including global background colors, layout modes, typography styling, thumbnail sizing, frame colors, and support for up to 12 custom images with metadata.

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

-   All · #1500

## Details

- **Author**: Aragoza.Studio
- **Price**: $12.00
- **Published**: 2025-12-22
- **Updated**: 2026-08-04
- **Added**: 2025-12-16
- **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