Blog Hero Featured

Featured post with thumbnail and recent articles grid inside a card container

Highlight a featured post alongside recent articles. The hero emphasis comes from layout prominence, not a full-bleed background.

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/blog-hero-featured.json

npx shadcn@latest add https://www.shadcn.io/r/blog-hero-featured.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/blog-hero-featured.json

bunx shadcn@latest add https://www.shadcn.io/r/blog-hero-featured.json

Blog with search and grid layout

Blog with category filter chips

Dense blog list view

Last updated on March 15, 2026

Was this page helpful?

Blog Guest Post

Guest author post format with prominent attribution badge, author bio section, and post excerpt

Blog Pull Quotes

Notable quotes and key takeaways extracted from blog posts with attribution