← All Components
Blog

Blog Article Cards

$8

A blog component built for Framer. Live preview below — interact with it directly before you buy.

Blog Article Cards

About Blog Article Cards

BlogArticleCards is a theme-aware blog and article card grid for Framer. Each card pairs a photo or looping video with a signature quarter-circle notch button in the corner, a real clickable headline, a short summary, and up to three color-coded category tags. Flip instantly between light paper and dark glass themes with a built-in toggle, or lock in your own brand colors with Custom mode. Perfect for teams who want a polished, editorial-style listing without CSS.

Features

  • Theme toggle — flip between light paper and dark glass instantly
  • Signature notch corner button with an animated arrow link
  • Supports image or looping video per card, your choice
  • Up to three color-coded category tags per article
  • Custom text color override per tag for full brand control
  • Native Framer font controls for heading, title, tags and more
  • Adjustable card and tag corner radius
  • Eyebrow label and muted secondary heading line built in
  • Optional heading description text alongside the title
  • Fully responsive — auto-stacks on mobile and tablet
  • Accessible by default — semantic article tags, real links, ARIA labels
  • Ships with three ready-to-use demo articles and images
  • Video autoplay pauses automatically off-screen for performance
  • Works out of the box — no setup needed

Use Cases

  • Blog homepage & article listing pages
  • Magazine & editorial layouts
  • News & media publication sites
  • Agency blog & content hub sections
  • SaaS resource & guide libraries
  • Personal blog & writer portfolios
  • Sports & fitness content sites
  • Knowledge base & documentation intros
  • Newsletter & community platform pages
  • Podcast & video series showcase pages

Best value

Get every component with All-Access — $129

Blog Article Cards and all 122 others, current and future.

Get All-Access