Vertical Blog Card is a production-ready Framer component for editorial and content layouts. It stacks a top image or video panel above a structured content area — including title, excerpt, tag pills, author avatar, publish date, and a call-to-action button. The media panel supports five aspect ratios (16:9, 4:3, 3:2, 1:1, 21:9) and a smooth bottom gradient fade into the card. All visual properties are exposed as Framer property controls: three theme presets (Dark, Light, Glass), custom card background, shadow, font family, tag colors, and button styling. The card scales responsively and hides secondary elements at narrow widths.
Live Preview: https://blogcardvertical.framer.website/
Best for
Blogs
Editorial grids
News feeds
Magazine layouts
Portfolio case studies, and Framer projects that need a clean stacked card with full media control and rich content structure.
Keywords
Vertical blog card, editorial layout, article card, dark theme card, glass morphism card, tag pill, author card, CTA button, responsive card, content card, media card
Vertical Blog Card is a production-ready Framer component for editorial and content layouts. It stacks a top image or video panel above a structured content area — including title, excerpt, tag pills, author avatar, publish date, and a call-to-action button. The media panel supports five aspect ratios (16:9, 4:3, 3:2, 1:1, 21:9) and a smooth bottom gradient fade into the card. All visual properties are exposed as Framer property controls: three theme presets (Dark, Light, Glass), custom card background, shadow, font family, tag colors, and button styling. The card scales responsively and hides secondary elements at narrow widths.
Live Preview: https://blogcardvertical.framer.website/
Best for
Blogs
Editorial grids
News feeds
Magazine layouts
Portfolio case studies, and Framer projects that need a clean stacked card with full media control and rich content structure.
Keywords
Vertical blog card, editorial layout, article card, dark theme card, glass morphism card, tag pill, author card, CTA button, responsive card, content card, media card
