Blog Calendar View

Monthly calendar grid showing days with published posts and clickable day details

Visualize your publishing cadence with a calendar grid. Readers can see at a glance which days had new posts and click any day to reveal the article title.

Blog Calendar View preview

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/blog-calendar-view.json

npx shadcn@latest add https://www.shadcn.io/r/blog-calendar-view.json

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

bunx shadcn@latest add https://www.shadcn.io/r/blog-calendar-view.json

Blog Archive

Chronological post archive

Blog Schedule

Upcoming post schedule

Blog Timeline

Timeline-style post history

FAQ

Last updated on March 15, 2026

Was this page helpful?

Blog Breadcrumb Navigation

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

Blog Cards

Simple blog post cards without images, showing title, excerpt, category badge, and date in a vertical list

Blog Calendar View