React Blog List

A newsroom or engineering blog index: an optional featured lead post in a wide card over a responsive grid of post cards, each with a category tag, title, two-line excerpt, and mono author/date/read-time meta. Image-optional and hairline-bordered — it reads as an engineering blog, not a lifestyle magazine.

Installation

npx shadcn@latest add "http://localhost:3000/registry/blog-list.json"

Usage

Loading...

Props

PropTypeDefaultDescription
postsBlogPost[]—{ title, excerpt?, category?, author?, date?, readTime?, href? }
featuredbooleanfalseRender the first post as a wide lead card

New components every week

Get the week's new Kelvin UI components and templates in one short email. No spam, unsubscribe anytime.