Blog 51 block design & features
Blog51 is a filterable blog archive built with shadcn/ui Button chips. A label and heading sit above a wrap row of pill filters, then a three-column grid of linked cards. Each card shows a cover image, category, title, clamped excerpt, date, and read time. An empty message appears when a filter has no matches, and a centered all-articles link sits under the grid.
Filters use filled versus outline buttons so the active category is obvious. Cards sit on bordered rounded shells with a light hover shadow and a primary title tint. The layout is denser than a three-up marketing strip because six posts plus chips fill the section.
This is a practical archive pattern rather than a decorative well. Complexity is moderate and mixed: the filter interaction is code-driven, while completeness depends on enough posts across categories.
On smaller screens the grid drops to two columns, then one, and the chip row wraps.