Stop Rebuilding UI From ScratchStop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Blog Search Grid

Search input with filtered grid of blog post cards

Search and browse blog posts in a responsive grid. Filters posts by title in real time.

Blog Search Grid preview

Loading...

Scroll to load preview

Installation

Install

Pro block

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

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

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

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

Blog Filter Chips

Blog with category filter chips

Blog Compact List

Dense blog list view

Blog Hero Featured

Featured post with recent articles

Last updated on March 15, 2026

Was this page helpful?

Sign in to leave feedback.

Blog Publishing Schedule

Publishing calendar showing upcoming scheduled, draft, and in-review posts with dates and times

Blog Series Navigation

Article series tracker with progress bar, part status indicators, and sequential reading flow