Shadcn.io is not affiliated with official shadcn/ui
React Blog Block Rectangular Layout
Horizontal blog post cards with side-by-side image and content showing category, title, excerpt, and author
Horizontal card rows with a small image on the left and content on the right. Ideal for news sites or editorial blogs where scannable rows maximize content density and reading flow.
React Blog Block Rectangular Layout preview
Loading...
Scroll to load preview
Installation
Install
Pro block
Related Components
React Blog Block Large Preview
Hero-style blog preview
React Blog Block Posts with Tags
Blog posts with multiple tag badges
React Blog Block with Pagination
Blog list with pagination controls
React Blog Block Reading List
Saved articles with bookmarks
React Blog Block Featured Posts
Highlighted blog post grid
FAQ
Last updated on March 15, 2026
Was this page helpful?
Sign in to leave feedback.