Horizontal Blog Card

A responsive Framer article card that pairs an image or video with editorial metadata, tag pills and a call-to-action button.

Horizontal Blog Card — product preview

About Horizontal Blog Card

Horizontal Blog Card gives an article teaser a structured reading order. A media panel sits beside the title and excerpt, followed by author information, a publication date and a destination button.

Three visual presets offer different starting points, while the individual surface and text properties remain editable. At narrower widths, secondary elements are hidden to keep the card from becoming crowded.

Component details

Presents article previews and case-study teasers in a horizontal card.

The card includes a call-to-action button alongside title, excerpt, tags and author metadata.

Dark, Light and Glass theme presets are included.

Background, border, shadow, font family, tag colors and button styling are editable.

The card scales responsively and hides secondary elements at narrow widths.

The component exposes its visual settings through Framer property controls.

Built something worth finding?

Submit a site, template, component or tool built with any stack. We will add it to the atlas.

Submit

More

Submit
Loading
World Web Atlas

Hop on in partner

Save favourites, submit work and manage your profile.Save favourites and submit work.

Continue with GoogleContinue with Discord