Blog Author Grid

Grid of blog authors with initials avatars, roles, post counts, and short bios in a 2x2 layout

Showcase your writing team with a clean author grid. Each card displays initials, role, post count, and a short bio.

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/blog-author-grid.json

npx shadcn@latest add https://www.shadcn.io/r/blog-author-grid.json

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

bunx shadcn@latest add https://www.shadcn.io/r/blog-author-grid.json

Single author profile card

Post list layout

Last updated on March 15, 2026

Was this page helpful?

Blog Author Profile

Author profile with avatar, bio, social links, and recent posts in a single card layout

Blog Breadcrumb Navigation

Blog post view with breadcrumb path navigation, title, excerpt, and metadata