Stop Rebuilding UI From ScratchStop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Blog Filter Chips

Post list with category filter chips for toggling between topics

Filter blog posts by category with clickable chips. Supports multi-select filtering with clear all.

Blog Filter Chips preview

Loading...

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/blog-filter-chips.json

npx shadcn@latest add https://www.shadcn.io/r/blog-filter-chips.json

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

bunx shadcn@latest add https://www.shadcn.io/r/blog-filter-chips.json

Blog Search Grid

Blog with search and grid layout

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 Reader Feedback

Reader feedback widget with thumbs up/down voting, vote counts, and recent reader comments with star ratings

Blog Footnotes and References

Article footnotes section with numbered references, source names, and optional links for citations and bibliography