NEWMeet the new Video Gallery — YouTube, TikTok, Instagram Reels, Vimeo and Twitch in one widget.

Social

Video

Audio

Reviews

Chats

Forms

E-commerce

Tools

Find a widget for you

You can use our widgets to accomplish practically any task on your website — increase users' confidence, grow conversion, engage your visitors, provide support, etc.

See All Widgets
Video Gallery for Framer

Framer Video Gallery and YouTube Embed

Add a video gallery, YouTube player or hosted videos to your Framer site with an Embed component — no custom video component to build.
No credit card needed
Works withEmbed componentCCMS pages↔Breakpoints

Watch Now

Chasing the Morning Swell

Salt & Swell2.4M SubscribersSubscribe on YouTube8.8K412Share
501,718 views 19 days ago

Up before the wind, out past the break, and the kind of glassy morning you wait all season for. Read more

12:07
Chasing the Morning SwellSalt & Swell501K views 19 days ago
10:15
One Wave, Start to FinishTrailhead Films488K views 1 month ago
8:42
One-Pan Lemon Orzo in 20 MinutesSalt & Swell1.1M views 3 days ago
Platform page — the gallery on a framer site, the Framer mark on a tile

Trusted by over 3,000,000 small businesses, agencies and top global brands worldwide

Create your Framer video gallery for free

  1. 1. Choose a template
  2. 2. Connect your videos
  3. 3. Add to website
Video gallery

The Framer video gallery that works for your business

Show videos from all your channels on your Framer site, keep readers on the page, grow your subscribers and turn views into sales.

maralindfilms.com
Mara Lind FilmsContact
Mara Lind Films48K subscribers · 210 videos
Subscribe on YouTube
NEW
Behind the Scenes: Studio Tour
First Descent of the Season: Heli Drop in the Alps
Late Night Ranked Grind
Morning Flow: 10-Minute Full Body Stretch
Restaurant Plating at Home, Step by Step
Where the Pavement Ends: Full Off-Road Test
Book a callFree
1New videos appear automatically
2Visitors watch without leaving your site
3A product card appears after the video
4Visitors subscribe to your channel
Always up to dateNew videos appear on their own — no page edits.
Visitors stay longerVideos play in a popup on your post or page.
More views and subscribersA subscribe button grows your channel from Framer.
Views turn into customersA card after the video leads to a product or booking.
Compatibility

Built for Framer

Works with the editor, theme and page builder you already use.

Any Framer siteAdd the gallery to any page, template or breakpoint.
PagesCMS templatesAll breakpoints

Works with your editor and page builder

Embed component

Insert → Embed, choose HTML and paste the code.

CCMS pages

Add the embed to a CMS page template.

↔Components

Wrap the embed in a component to reuse it.

Where to use it on Framer See real examples →

Landing pages

A launch video and more below.

Portfolio

Your reel as a masonry grid.

Product launches

Demo videos next to the sign-up.

CMS blog

Related videos per article.

About page

Team and story videos.

Case studies

Client videos with results.

Fast and safe for your site

No custom component

No video component code to write or maintain.

Lazy-loaded by default

The gallery loads when visitors reach it.

Update without republishing

Change videos in the editor.

Sources

Every video source on your Framer site

YouTube, TikTok, Instagram Reels, Vimeo, Twitch and videos hosted anywhere — alone or together.

YouTube YouTube Video Gallery →

ChannelEvery upload, automaticallyPlaylistAny public playlistShortsVertical 9:16 cards● LIVELive streamYour broadcast on the pageSpecific videosPick videos by link

Social video TikTok →Instagram Reels →

TikTok channelVideos from an accountTikTok hashtagVideos with a hashtagInstagram ReelsReels from your account

Video platforms and your own hosting Vimeo →Twitch →Any video →

Vimeo showcaseA whole showcaseVimeo userAll public videos● LIVETwitch channelStreams and videosTwitch categoryVideos from a categoryAny video by linkMP4 on your hosting or CDN

Mix and curate

Put several sources into one gallery with tabs, then decide exactly what shows: include or exclude videos by keywords, show only videos published after a date and choose the sort order.

  • Group sources by platform with tabs
  • Include and exclude filters by keywords
  • “Published after” date filter
  • Sorting by publication date
Include: “tutorial”Exclude: “ad”Published after Jan 1Sort: newest
YouTube
Behind the Scenes: Studio Tour
TikTok
First Descent of the Season: Heli Drop in the Alps
Twitch
Late Night Ranked Grind
Instagram
Morning Flow: 10-Minute Full Body Stretch
YouTube
Restaurant Plating at Home, Step by Step
Vimeo
Where the Pavement Ends: Full Off-Road Test
Design

Designed to match your Framer site

Make the gallery look like part of your Framer theme — no generic embed boxes, no code.

Looks like part of your site

Switch between light and dark themes, set your accent color and fine-tune the background, title, channel header, cards, popup and font.

  • Light and dark themes
  • Accent color palette or any custom color
  • Your font and widget title
  • Channel header with banner, subscribers and a follow button
YouTube
Behind the Scenes: Studio Tour
TikTok
First Descent of the Season: Heli Drop in the Alps
Twitch
Late Night Ranked Grind
Instagram
Morning Flow: 10-Minute Full Body Stretch
YouTube
Restaurant Plating at Home, Step by Step
Vimeo
Where the Pavement Ends: Full Off-Road Test
More videos

Seven layouts for every page

Single VideoPlayer with GalleryVideo CarouselPlayer with PlaylistVideo GridVideo PlaylistVideo Masonry

Card and popup styles

Choose Classic, Plain or Minimal cards, and open videos in a classic YouTube-style popup or a vertical TikTok-style viewer. Thumbnails keep each video’s shape — vertical for Shorts and Reels, 16:9 for everything else.

  • Classic, Plain and Minimal cards
  • Classic or vertical popup
  • Adjustable thumbnail aspect ratio
Classic
Plain
Minimal
Behind the Scenes: Studio Tour
Your channel12.4K subscribersSubscribe
Classic popup
♥💬↗
Vertical popup
Results

Built to turn Framer visitors into results

Views are just the start — keep readers on the page and move them to act.

Keep visitors on your page

Videos play in a popup — no redirect to YouTube.

Shop now

Turn views into clicks and sales

A card after the video leads to your sign-up, product or booking.

{ } JSON

Get found in search

Schema.org video markup for every video in the gallery.

Subscribe +1 subscriber

Grow your views and subscribers

A subscribe button on your channel header grows your audience.

Plays

Measure what works

Track engagement in Google Analytics.

Installation

Add a video gallery to Framer in 1 minute

Four steps, then everything else happens in the visual editor.

  1. Create your gallery

    Choose a layout and connect YouTube, Vimeo or hosted videos.

  2. Copy the code

    Copy the installation code.

  3. Add an Embed

    In Framer, Insert → Embed and choose HTML.

  4. Paste and publish

    Paste the code, size the embed and publish.

Step-by-step: How to embed a video on a website.

+ Insert
SStack
TText
IImage
VVideo
</>Embed
FForm

Start with a template See all templates →

YouTube ChannelLive preview →
Player with GalleryLive preview →
Video CarouselLive preview →
Video PlaylistLive preview →
YouTube PlaylistLive preview →
Video GridLive preview →
YouTube ShortsLive preview →
““Video TestimonialsLive preview →
$$$Shoppable VideosLive preview →
Single VideoLive preview →
Compare

Elfsight vs. other ways to add video to Framer

How Video Gallery compares with the usual ways to add video to Framer.

Video GalleryFramer Video componentYouTube embedCustom component
Many videos in one layout✓One videoOne videoCustom code
Updates automatically from channels✓———
Mix YouTube, Vimeo, TikTok, Instagram and hosted videos✓Uploads, linksYouTube onlyVaries
Popup player and CTA card✓——Custom code
Built-in Schema.org video markup✓——Custom code
Why Elfsight

Why Framer site owners choose Elfsight

A trusted platform with proven support behind every widget.

#1Top service in the world for website widgets
3M+Users trust Elfsight to upgrade their websites
4.8Rating from thousands of reviews on G2
99.99%Uptime keeping your widgets live

What Framer users say

★★★★★

Review from a Framer site owner goes here.

Name, website · Source
★★★★★

Review from a Framer site owner goes here.

Name, website · Source
★★★★★

Review from a Framer site owner goes here.

Name, website · Source
★★★★★

Review from a Framer site owner goes here.

Name, website · Source
★★★★★

Review from a Framer site owner goes here.

Name, website · Source
★★★★★

Review from a Framer site owner goes here.

Name, website · Source

Add a free video gallery to Framer

Create your gallery, connect your videos and paste one code — nothing to install, no trial and no credit card.

Create Video Gallery widget
Free plan includes
  • Every source and layout
  • Call-to-action, Schema.org and Google Analytics
  • Works with every Framer theme and builder
  • Free forever — limited by monthly widget views
See all plans →
Help

Questions and resources

Frequently asked questions

Can I place a video from Google Drive in Framer?

To place a video from Google Drive in Framer reliably, move the file to YouTube, Vimeo or storage with a direct MP4 link — Drive share links open Drive’s own player. Then add it to a Video Gallery Embed.

How do I embed YouTube in Framer?

Add a Video Gallery with YouTube as the source and paste the code into an Embed component.

Can I use videos from Google Drive?

Google Drive share links aren’t direct video files. Upload to YouTube or Vimeo, or host the MP4 with a direct link and add it.

Does it work on every breakpoint?

Yes, the gallery is responsive.

Is it free?

There’s a free plan; it’s limited by monthly widget views.

Guides for Framer

How to Embed a Video on a Website (Any Platform)Upload the video to YouTube or Vimeo and paste its embed code, use the HTML5 video tag for files you host yourself, or use a video gallery widget when you need several videos.Video Portfolio.Player with Gallery.YouTube Embed Code GeneratorPaste any YouTube link and get a responsive embed code in seconds.