👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
Featured Blog Posts
Featured blog layout combining large highlighted post with grid of category cards showing background images, icons, and post counts
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Featured content needs visual hierarchy. This React blog component combines a prominent featured post card with grid of category cards overlaying background images with icons and post counts. Built with shadcn/ui Card, Button components with image overlays and icon elements, the layout draws attention to priority content while showcasing content categories. Contrasting layouts, icon indicators, and call-to-action buttons—perfect for content hubs, magazine sites, or blogs where editorial curation and category navigation drive content discovery and user engagement.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/blog-featured-01.jsonnpx shadcn@latest add https://www.shadcn.io/registry/blog-featured-01.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/blog-featured-01.jsonbunx shadcn@latest add https://www.shadcn.io/registry/blog-featured-01.jsonRelated blocks you will also like
Simple Blog Cards
Clean blog card grid layout
Blog Cards with Load More
Blog grid with view more button
Blog Posts with Tags
Blog posts with multiple tag badges
Rectangular Blog Layout
Horizontal blog card layout
Large Blog Preview
Hero-style blog preview
Blog with Sidebar
Blog layout with sidebar navigation
