NEWMeet the new Video Gallery — YouTube, TikTok, Instagram Reels, Vimeo and Twitch in one widget.
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

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.
The gallery on a business's site, and the offer that appears after a video

Always up to date

New videos appear on their own — no page edits.

Visitors stay longer

Videos play in a popup on your post or page.

More views and subscribers

A subscribe button grows your channel from Framer.

Views turn into customers

A 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.

Works with your editor and page builder

Embed component

Insert → Embed, choose HTML and paste the code.

CMS 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

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 Channel — the profile header and a row of uploads

Channel

Every upload, automaticallyChannel
YouTube Shorts — vertical 9:16 cards in a carousel

Shorts

Vertical 9:16 cardsShorts

Video platforms and your own hosting

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

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

Seven layouts for every page

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.
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.

Turn views into clicks and sales

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

Get found in search

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

Grow your views and subscribers

A subscribe button on your channel header grows your audience.

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

Compare

Elfsight vs. other ways to add video to Framer

How Video Gallery compares with the usual ways to add video to Framer.
Feature
Elfsight Video Gallery
Framer Video component
YouTube embed
Custom component
Many videos in one layout
Yes
One video
One video
Custom code
Updates automatically from channels
Yes
No
No
No
Mix YouTube, Vimeo, TikTok, Instagram and hosted videos
Yes
Uploads, links
YouTube only
Varies
Popup player and CTA card
Yes
No
No
Custom code
Built-in Schema.org video markup
Yes
No
No
Custom code

Many videos in one layout

Video Gallery

Yes

Framer Video component

One video

YouTube embed

One video

Custom component

Custom code

Updates automatically from channels

Video Gallery

Yes

Framer Video component

No

YouTube embed

No

Custom component

No

Mix YouTube, Vimeo, TikTok, Instagram and hosted videos

Video Gallery

Yes

Framer Video component

Uploads, links

YouTube embed

YouTube only

Custom component

Varies

Popup player and CTA card

Video Gallery

Yes

Framer Video component

No

YouTube embed

No

Custom component

Custom code

Built-in Schema.org video markup

Video Gallery

Yes

Framer Video component

No

YouTube embed

No

Custom component

Custom code
Why Elfsight

Why Framer site owners choose Elfsight

A trusted platform with proven support behind every widget.
#1
Top service in the world for website widgets
3M+
Users trust Elfsight to upgrade their websites
4.8
Rating 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
Help

Questions and resources

Frequently asked questions

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.How to Embed a Video on a Website (Any Platform)