---
title: "Bento Flip Gallery — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Hasan Wali · Galleries. Fully Responsive Bento Scroll Gallery"
canonical: "https://framer.elliotli.dev/component/bento-flip-gallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Bento Flip Gallery

# Bento Flip Gallery

Fully Responsive Bento Scroll Gallery

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

![Bento Flip Gallery preview image 1](https://framer.elliotli.dev/og/component/bento-flip-gallery/fd084dfddc93af7a/1600x1200.jpg)

## Summary

Fully Responsive Bento Scroll Gallery

## Description

**About this Component**

Bring your layouts to life with a dynamic bento grid that transforms seamlessly on scroll.

This component uses GSAP Flip to create smooth, high-performance transitions between states — perfect for portfolios, landing pages, and modern product websites.

Unlike most animation-heavy components, this is fully responsive by design, meaning it adapts cleanly across desktop, tablet, and mobile without breaking layout or interaction.

No hacks. No fixed widths. No surprises.

Just drop it into a sticky container and it works.

**Perfect For:**

Portfolio hero sections

Case study intros

Agency websites

Product showcases

Interactive landing pages

**Key Features:**

Fully responsive across all breakpoints (desktop, tablet, mobile)Smooth GSAP Flip-based scroll animationWorks perfectly inside sticky containersUpload up to 8 custom imagesIntelligent fallback system for missing imagesAdjustable grid gap (px / vh / vw / rem)Scroll length control (animation distance)Scrub control (tight vs smooth feel)No external setup required

**How to Use:**

Drop the component inside a sticky containerMake sure your page has enough scroll (200vh+ recommended)Upload your images (up to 8)Adjust scroll and scrub to your preference

Questions? Reach out at [hasanwali6890@gmail.com](mailto:reem@ireem.net)

**Refund Policy**

All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.

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

-   All · #5689

## Details

- **Author**: Hasan Wali
- **Price**: $7.00
- **Published**: 2026-05-18
- **Updated**: 2026-05-18
- **Added**: 2026-04-27
- **Categories**: Galleries

## More like this

-   [Geometry CMS Gallery](/component/geometry-cms-gallery) — Akshay M · $20 — Scroll-Animated Portfolio Gallery
-   [Fluid InfiniteScroll](/component/fluid-infinitescroll) — Atemo Art · $16 — LIQUID / PRISM Gallery
-   [Isometric Gallery](/component/isometric-gallery) — Edi Priatama · $5 — 3D image gallery
-   [HoverExpand Gallery](/component/hoverexpand-gallery) — piyush vichare · $2 — HoverExpand Gallery is a modern Framer component for creating interactive image galleries with smooth hover expansion.