Display your YouTube videos in a sleek, responsive grid. Upload custom thumbnails, add channel info, views, and duration badges. Includes staggered animations, a pulsing play button, dark/light mode toggle, and an immersive autoplay modal player.
Live Preview: https://youtubegallery.framer.website/
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
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
Refund Policy
Due to the digital nature of this product, all sales are final and refunds are not available. Please review the product details carefully before purchasing. If you have any questions, feel free to contact me before placing your order.
Ahmet Loca
