YouTube Grid

Displays videos from your YouTube channel in an even column grid

Written By Social Hampster

Last updated About 10 hours ago

Displays videos from your YouTube channel in an even column grid. Each card shows the video thumbnail. Clicking a card opens the video on YouTube. Available on the Free plan.

Plan: Free and above

How to Insert

From the plugin: After connecting your YouTube channel, click Grid in the plugin panel.

From the dashboard: Click Details on your YouTube feed, click Copy next to Grid, then paste in Framer with Cmd+V or Ctrl+V.

Props Reference

Prop	What it does	Notes
Feed ID	Links the component to your YouTube channel	Set automatically
Max Videos	How many videos to show
Columns	Number of grid columns
Gap	Space between cards in pixels
Show Title	Shows the video title below the thumbnail	Toggle
Show Views	Shows the view count on the card	Toggle
Show Duration	Shows the video length on the card	Toggle
Show Published Date	Shows when the video was published	Toggle
Aspect Ratio	Shape of each card	16:9 recommended for YouTube
Border Radius	Rounds card corners
Image Fit	How thumbnails fill the card	Cover or Contain
Overlay Color	Color overlay shown on hover

Common Issues

Videos are not loading

Check that your domain is whitelisted. In the Social Hampster dashboard, open your feed, click Details, and add your published site URL under Allowed Domains.

Channel is not connecting

Make sure you authorized with the Google account that owns the channel. If you manage the channel through a Brand Account or organization, you may need to select it specifically during the OAuth flow.