Blog Article Cards

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

Buy this component — $8 Preview Get All-Access instead

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

More Blog

Horizontal Blog Cards

Vertical Blog Cards