Video Gallery Section
Customize and copy this video gallery section for your website.
It shows your videos from YouTube, TikTok or any social media or video source you choose, so your visitors just have to click to play them.
Customize it to your liking, copy the instructions, and let your AI build it inside your project.
Customize the prompt
What it does
This video gallery section puts your best videos right on your website, so visitors can watch them in one click.
They can browse the cards, pick a video and play it right on your page. This way they can watch your newest YouTube upload or a few of your TikToks in a row.
The section can show:
- a header with the platform's logo and a "View all" link to your channel
- each video's thumbnail (the small picture that previews it)
- its title, when the platform gives one
- how long it lasts, its views and how long ago you posted it
- your profile picture
Customize the options, copy the prompt (the text that tells your AI what to build) with the button above, then paste it in your AI (Copilot, Gemini, Claude, any of them works). It then builds the gallery in your site's colors and fonts, with the options you selected above.
How it works
The visitor reaches your video section and sees your videos in a row, with part of the next card showing at the edge, so they know there's more.
They swipe the row (or click the arrows on a computer) to see more of your videos.
They hover over a card (put the mouse on it) and see a play icon.
They click a card and the video opens in a popup player (a small window over your page), or it sends them to your video on the platform.
They click the play button in the popup and only then does the video load and start.
They close the popup and they're back on your page, right where they were.
On a phone (iPhone or Android), the cards stay big and easy to tap.
What you can customize
- Platform: pick YouTube, YouTube Shorts, Twitch, TikTok, Instagram or Facebook. Kick and X are out, since they have no official way to list your videos. We put YouTube by default.
- How many videos: slide from 3 to 12. We show 6 by default, and if you have fewer videos, it shows only the ones you have.
- Layout: choose a grid, two big columns, or a swipe row (one line of cards that slides sideways). By default we put the swipe row.
- Moves by itself: you can have the swipe row slide on its own like a carousel, pausing when the mouse is over it. By default it stays still and the visitor swipes.
- Click opens: a click can play the video in a popup on your site, or open it in a new tab on the platform. We use the popup by default.
- Card details: check how long each video lasts, its views, when you posted it and your profile picture. They are all on by default.
- Which videos: you can show your latest videos, your most viewed, or the ones you pick. We show your latest by default.
When your AI builds the gallery from our prompt, it downloads each video's official thumbnail, makes the file lighter, gives it a clear name and keeps it on your site. This way, that section is also optimized for SEO (search engine optimization, how Google finds your pages) and brings more organic traffic (visitors from search) to your website.
Titles, views, dates and video lengths only come from the platform and are never made up. If the AI needs any key (a private code from the platform) to access your social media account, it will ask you for it, and keep it private and safe. As for the details of the videos (views, published date...), they're hidden when the AI can't find them, so only accurate info shows up. Shorts (YouTube's short vertical clips) only show when you pick YouTube Shorts, and never mix with your regular videos. Their cards skip the length and the date, just like on YouTube.
When you go live, let fans watch right on your site with a section that plays your stream live.
To feature one video on a page instead of a whole gallery, use a single video in a popup player.
To point fans to every channel you post on, add links to all your social media profiles.
To open your page with a silent looping clip, put a background video behind your headline.
To tell fans about a new upload or your next stream, slide it across your page with a bar of scrolling announcements.
To see it with a live stream and a fact box on the same page, open the streamer website demo.
You'll also like
Install App Banner
Customize and copy this install app banner for your website. It's a banner (a slim strip pinned to the edge of the screen) that invites visitors on their phone or tablet to download your app or to save a shortcut to your website as an app on their home screen. Tune the options, copy the instructions, and your AI adds it to your own site.
3D Press Button
Customize this 3D press button design and use it on your own website. It's a chunky button that sits up off the page and pushes down like a real key when you click it. You can set how deep it sits and how sharp the shadow under it looks.
Search Bar
A search bar with an optional placeholder sentence, a red search button and suggestions if you want them, ready for a hero (the big top section of a page), a header or a bottom panel on phones. Copy it from here and your AI rebuilds it inside your own site, in your colors.
