---
title: "Youtube Gallery — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ahmet Loca · Galleries. YouTube Gallery is a fully customizable video grid component for Framer."
canonical: "https://framer.elliotli.dev/component/youtube-gallery"
---

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

# Youtube Gallery

Showcase YouTube videos

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

![Youtube Gallery preview image 1](https://framer.elliotli.dev/og/component/youtube-gallery/09d825ab26ed04d1/1600x1200.jpg)

## Summary

YouTube Gallery is a fully customizable video grid component for Framer.

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

**✦ Browse +38 FREE + 85 premium components:** [**https://frameze.com/components**](https://frameze.com/components)

**✦ Get everything for one price:** [**https://ahmetloca.dub.link/allcomponents**](https://ahmetloca.dub.link/allcomponents)

**About Component**

**YouTube Gallery** is a fully customizable video grid component for Framer. Add your YouTube videos manually with custom thumbnails, channel info, and metadata. Features smooth staggered animations, hover effects, an immersive modal player, and a built-in dark/light mode toggle. Perfect for creators, agencies and portfolio sites.

-   Staggered fade-up entrance animations on load
    
-   Hover card lift with gradient overlay effect
    
-   Pulsing play button — Red or Glass Dark style
    
-   Built-in YouTube modal player with autoplay
    
-   Dark mode & light mode support
    
-   Demo Mode — switch themes live on the page
    
-   Responsive grid — 3 cols desktop, 2 tablet, 1 mobile
    
-   Upload custom thumbnails directly from your PC
    
-   Verified badge, duration badge, views & time ago
    
-   Channel avatar with auto-generated initials fallback
    
-   Full property controls: fonts, colors, sizes, radius & gaps
    
-   Works out of the box — no API key needed
    

**Live Preview:** [**https://youtubegallery.framer.website/**](https://youtubegallery.framer.website/)

**Use Cases**

-   YouTube creators & personal brand websites
    
-   Agency & studio showcase pages
    
-   Product demo & explainer video sections
    
-   Podcast & interview content libraries
    
-   Course & educational content platforms
    
-   Music & entertainment artist pages
    
-   Sports & fitness coaching websites
    
-   Corporate & brand storytelling pages
    
-   Event recap & highlight reel sections
    
-   News & media editorial layouts
    

**Keywords**

youtube gallery, video grid framer, youtube embed component, video player framer, youtube showcase, video card grid, autoplay modal, dark mode video, responsive video grid, youtube video gallery, channel showcase, video thumbnail grid, hover play button, video gallery framer, youtube player component

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

-   All · #5778

## Details

- **Author**: Ahmet Loca
- **Price**: $5.00
- **Published**: 2026-06-05
- **Updated**: 2026-09-30
- **Added**: 2026-06-05
- **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.