5c:I[333483,["/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2g1-svyitruaw.js","/creators-assets/_next/static/immutable/chunks/2b5cxzb67_1ly.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/27tv74g0ylm-9.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/42t2lmjzk29f-.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/1fk3xiz40jsei.js","/creators-assets/_next/static/immutable/chunks/3epu8cl3lqon0.js","/creators-assets/_next/static/immutable/chunks/1a76m297ea_ip.js","/creators-assets/_next/static/immutable/chunks/2ya_ftprgwh4o.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/13drmorrvlvtw.js","/creators-assets/_next/static/immutable/chunks/3pgym_pkc-y-q.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/02hvv1fzvt9c4.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3btmtdncmfoz8.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/34tdjji5bsp8p.js","/creators-assets/_next/static/immutable/chunks/24m05qh8-cey5.js","/creators-assets/_next/static/immutable/chunks/332vzaq_p6q-i.js","/creators-assets/_next/static/immutable/chunks/1fvrye_9gm367.js","/creators-assets/_next/static/immutable/chunks/3s2ucmapivl2j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/20p7v4k5-b-k1.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/0p-ykuu58axvn.js"],"PostDetailCard"] 5d:T9cf,

Editorial Video Card is a modern video card component for Framer designed to showcase videos in a clean, editorial-style presentation. Each card combines a video, title, category, year, description, and optional call-to-action to create a polished content block for creative websites.

HOW TO USE

Add Editorial Video Card to your Framer page
Upload a video or add a video URL
Add your title, category, year, and description
Add an optional CTA and link
Customize video fit, card size, radius, and spacing
Adjust typography, colors, overlays, and metadata
Configure playback, hover effects, and animations
Adjust the layout for your responsive design

KEY FEATURES

Modern editorial video card design
Video upload and URL support
Custom title and description
Category and year metadata
Optional CTA button and link
Responsive layout
Cover and contain video modes
Smooth hover interactions
Custom playback controls
Configurable autoplay and looping
Custom overlays and visual effects
Adjustable border radius and spacing
Custom typography and colors
Framer-native customization
Mobile-friendly and responsive
Smooth animations and transitions

WHY EDITORIAL VIDEO CARD?

Editorial Video Card gives your Framer website a refined way to present video content without relying on a basic video player or standard card grid. Its editorial-inspired layout makes each project feel more intentional while keeping important information such as categories, titles, years, and descriptions easy to explore.

Use it to highlight featured projects, portfolio work, video campaigns, creative direction, film projects, case studies, and visual stories. Keywords: Framer video card, Framer video component, editorial video card, video portfolio, video showcase, Framer portfolio component, creative video gallery, video project card, responsive video card, cinematic video component, Framer website component, portfolio video section, creative agency website, production studio website, video showcase component.

59:[["$","$L5c",null,{"post":{"id":"01a05101-b084-727d-8e44-1bf176efe03d","title":null,"body":"

Release Editorial Video Card Component

If you like it, drop a ❤ and let me know what you think!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Release "},{"type":"text","text":"Editorial Video Card Component","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"If you like it, drop a "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" and let me know what you think!"}]}]},"author":{"framerUserId":"38425120-6213-4b66-8b3c-e3e66d07ec64","name":"Interface Studio","slug":"interfacestudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2199676/kD3QNNYGg-bGneREuqMDI2n3QFCDqegiFFxRtaNA","followed":false,"followsYou":false},"media":[],"resources":[{"id":"66fQgfZdKmZw9K1zCpJx","resolved":true,"title":"Editorial Video Card","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial Video Card","marks":[{"type":"bold"}]},{"type":"text","text":" is a modern video card component for Framer designed to showcase videos in a clean, editorial-style presentation. Each card combines a video, title, category, year, description, and optional call-to-action to create a polished content block for creative websites."}]},{"type":"customHeading","content":[{"type":"text","text":"HOW TO USE"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add "},{"type":"text","text":"Editorial Video Card","marks":[{"type":"bold"}]},{"type":"text","text":" to your Framer page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload a video or add a video URL"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your title, category, year, and description"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add an optional CTA and link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize video fit, card size, radius, and spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust typography, colors, overlays, and metadata"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Configure playback, hover effects, and animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust the layout for your responsive design"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"KEY FEATURES"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Modern editorial video card design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Video upload and URL support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom title and description"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Category and year metadata"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional CTA button and link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cover and contain video modes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth hover interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom playback controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Configurable autoplay and looping"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom overlays and visual effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable border radius and spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom typography and colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer-native customization"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile-friendly and responsive"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth animations and transitions"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY EDITORIAL VIDEO CARD?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Editorial Video Card","marks":[{"type":"bold"}]},{"type":"text","text":" gives your Framer website a refined way to present video content without relying on a basic video player or standard card grid. Its editorial-inspired layout makes each project feel more intentional while keeping important information such as categories, titles, years, and descriptions easy to explore."}]},{"type":"paragraph","content":[{"type":"text","text":"Use it to highlight "},{"type":"text","text":"featured projects, portfolio work, video campaigns, creative direction, film projects, case studies, and visual stories","marks":[{"type":"bold"}]},{"type":"text","text":"."},{"type":"text","text":" ","marks":[{"type":"bold"}]},{"type":"text","text":"Keywords"},{"type":"text","text":":","marks":[{"type":"bold"}]},{"type":"text","text":" Framer video card, Framer video component, editorial video card, video portfolio, video showcase, Framer portfolio component, creative video gallery, video project card, responsive video card, cinematic video component, Framer website component, portfolio video section, creative agency website, production studio website, video showcase component."}]}]},"introduction":"Premium Editorial Video Carousel","slug":"editorial-video-card","author":{"framerUserId":"38425120-6213-4b66-8b3c-e3e66d07ec64","name":"Interface Studio","slug":"interfacestudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2199676/kD3QNNYGg-bGneREuqMDI2n3QFCDqegiFFxRtaNA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/38425120-6213-4b66-8b3c-e3e66d07ec64/01a05100-8b2d-7203-a79c-0a7b770ce1a3.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-08-30T04:50:59.826Z","updatedAt":"2026-08-31T14:08:24.038Z","publishedAt":"2026-08-30T04:50:59.822Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://editorialvideocard.framer.website/","price":"13","paymentUrl":"https://buy.polar.sh/polar_cl_4RRQwPMA3rjxGQRugmjS8fRuXrEyEA6fkc4On42s9Pl","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"Cg5WjZNh5akLf4ObEr6c","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-30T04:51:00.356Z","updatedAt":"2026-08-30T04:51:00.356Z","reported":false}}],"$L5e"]

Suggested for you