shadcnblocks

Centered header with Badge and intro copy, then ghost Buttons filter categories beside a stacked feed of linked articles with Separator breaks between items.

Related articles heading beside a small outline Button, above a responsive grid of linked article stacks showing category, title, summary, and date.

Large section heading, shadcn/ui Select filters, and a responsive grid of linked cards showing images, excerpts, and outline category badges.

Horizontal carousel of bordered image cards with topic and date badges, prev or next icon Buttons, gradient section backdrop, and a centered outline View All Articles control.

Light section with heading row, outline Read More button, large featured image and headline with Avatar author row, plus a second column of square thumbnails beside topic blurbs.

Narrow centered column with Badge, heading, description, then full-width stacked posts as image-led Cards with label, author, date, title link, summary, and outline view-all Button.

Centered Badge-led header over a max-width feed where each post Card pairs a fixed-width thumbnail link with label, author, date, title, summary, and Read more row.

Large Blog wordmark beside tagline and bordered author chip, then two columns with AspectRatio image and lead story stack opposite a Latest list of linked titles with author and date rows.

Top band with dotted muted background, Breadcrumb, headline copy, and spotlight Card, then All Blogs with horizontal RadioGroup filters, three-column Card grid, and Load More pagination.

Centered page title above a responsive grid where the first article spans extra rows and columns with image, metadata row, headline, and excerpt while smaller tiles show image, metadata, and title only.

A blog index with a page title, stacked post rows showing date, title, excerpt, tag badges, and a circular arrow button, with separators between entries.

A blog section with a bold page heading and repeating two-column rows pairing a square image with title, uppercase date, excerpt, and a ghost Read control with arrow.

This component dynamically displays a collection of blog posts with interactive animations and includes a prominent header for an engaging introduction. It allows users to explore various blog entries, each with an image, title, description, and optional timestamp, enhancing user interaction and ease of access to content.

A blog listing with a section heading and responsive two-column grid of linked posts with images, category labels, and publish dates.

A centered blog grid of eight compact cards in four columns, each with a category badge, rounded thumbnail, title, summary, and read time.

A centered heading above a four-column grid of bordered cards with rounded thumbnails, category badges, author lines, and read links.

Centered section intro over full-width rows that alternate image-left and image-right layouts, separated by horizontal dividers with badge metadata and read links.

Badge-led intro above a feed where each row pairs metadata, copy, a square thumbnail, and a continue-reading link in a horizontal layout.

Two-column split with sticky category buttons in a left sidebar and a right feed of horizontal thumbnail rows that update when visitors change the active filter.

Section heading with outline action, split featured story with wide image and copy, then a three-column row of linked cards with category badges and metadata.

Uppercase section label above a two-column magazine split with a large left feature and a right stack of thumbnail mini posts separated by dividers.

A blog section with a page header and a responsive grid of labeled posts with images, summaries, and author lines.

Featured article in a two-column row with cover image beside category badge, headline, excerpt, author metadata, and read link inside one linked bordered card.

Section heading with left/right arrow controls above a horizontal Shadcn UI Carousel that shows three bordered blog cards at a time on desktop.

Section intro in a container above a full-bleed horizontal carousel of bordered story cards with cover image, category badge, headline, excerpt, date, and clickable dot pagination.

Two-column layout with sticky intro copy, outline tagline, primary CTA, arrow controls on the left, and a linked blog card carousel on the right.

Vertical timeline feed with a left rail, category labels, linked titles, and excerpt lines for each post.

Text-only blog index with bordered row dividers, right-aligned dates, and linked titles that underline on hover.

Newsletter signup header with email field and subscribe button above a two-column grid of linked photo cards with category, date, title, and excerpt.

Section label, heading, and all-posts link above a three-column grid of linked cards with cover images, categories, excerpts, dates, and read times.

Uppercase label and heading above a stacked list of linked posts with category, title, read time, date, and a trailing arrow.

Heading above a wide featured article card beside two stacked side cards, each with cover image, category, title, date, and read time.

A blog grid with section heading, intro line, card links showing images, category badges, author avatars, and a full-width view-all button on small screens only.

Magazine heading above a three-column bento of large photo cards and compact text cards with category badges, dates, and hover arrows.

Category filter buttons above a three-column grid of photo cards with excerpts, dates, and read times, plus an empty state and all-articles link.

Wide featured story with author byline and read time above a four-column grid of compact photo cards with category, title, date, and read time.

Muted-background section with a wide featured article and a three-column row of supporting photo cards, plus an all-posts link.

Two-column grid of linked article cards with cover images, excerpts, author avatars with roles, and read times.

Divided two-column rows that alternate cover image side, with category, title, excerpt, date, read time, and a read link.

Two-column layout with an email subscribe card beside a divided list of latest posts showing category, title, read time, and date.

Archive heading with article counts grouped by year, each year listing linked titles, categories, short dates, and a trailing arrow.

A blog grid with the same card pattern as compact listings but mapping many posts, each with cover, badge, title, summary, avatar byline, and a mobile-only view-all button.

Three-column photo cards with a category overlay, hover arrow, excerpt, author name, read time, and date.

Two-column featured story with a cover image and category badge beside a long title, two supporting paragraphs, author byline, and read button.

Three-column resource grid with type chips, titles, descriptions, author avatars, and read times, plus a browse-all action.

Featured split story with cover, badge, excerpt, author, and read action above a four-column grid of supporting posts with authors.

A blog grid with page title, subtitle, card links that lead with author and date, then title and summary, plus a mobile-only view-all button.

A centered blog section with secondary badge, large heading, supporting copy, and a responsive grid of image-top cards with linked titles, summaries, and read-more rows.