---
title: "FocusGrid — Framer component · Best of Framer"
description: "$29.00 · Framer component · by Firdavs · Galleries. Interactive mosaic"
canonical: "https://framer.elliotli.dev/component/focusgrid"
---

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

# FocusGrid

Interactive mosaic

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

![FocusGrid preview image 1](https://framer.elliotli.dev/og/component/focusgrid/6f56d9f7b1b534c3/1600x1200.jpg)

## Summary

Interactive mosaic

## Description

## About this Component

Turn any set of images into a responsive mosaic that comes alive under a cursor-following spotlight.

## Features:

• Responsive auto-fit grid (adapts columns to container size)

• Even, centered spacing across rows/columns

• Three sampling modes: Repeat / Sequential / Random (static-safe)

• Spotlight modes: Follow Cursor / Centered

• Smooth spring follow (stiffness & damping controls)

• Click pulse ripple (strength & duration)

• Adjustable spotlight radius, falloff & max scale

• Look controls: grayscale, saturation, contrast, opacity

• Optional focus ring with opacity & feather

• Per-tile randomness: jitter & slight rotation (toggle via amount)

• Rounded tile corners (radius control)

• Transparent background option (or custom color)

• Padding, gap, and max tiles limits for layout control

• Reduced-motion fallback for accessibility

• Publish-safe animations (no unsupported transforms)

**Responsive, fast—perfect for heroes, portfolios, product walls. Take your sites to the next level**

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

-   All · #9557

## Details

- **Author**: Firdavs
- **Price**: $29.00
- **Published**: 2025-08-22
- **Updated**: 2026-02-14
- **Added**: 2025-08-13
- **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