Blog Latest Grid
Large section heading, shadcn/ui Select filters, and a responsive grid of linked cards showing images, excerpts, and outline category badges.
Preview gallery
Blog
29 blocks in this category.
Showing 29 blocks.
Blog Avatar Grid
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.
Blog Nine Card Grid
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.
Blog Byline Grid
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.
Blog Centered Cards
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.
Blog Offset Rows
A blog section with centered heading and description, then wide stacked rows pairing uppercase tag lines and copy with a bordered image, each with read-more links.
Blog Sticky Intro
Muted split layout with sticky intro column showing icon, Blog Posts heading, category links, and a two-column grid of tiles whose photos reveal on hover.
Blog Read Time Cards
Centered outline badge intro, three bordered article cards with media, excerpts, author avatars, read-time badges, and an outline view-all button.
Blog Category Overlay Grid
Centered Articles header with view-all link and a three-column grid of posts showing imagery, floating category badges, titles, calendar dates, and read-more links.
Blog Featured Popular
Centered section heading and subtitle, two-column featured article with media and badge, then a Popular Posts row of three compact stories with categories.
Blog Branded List
Blog list rows with team logo and name, date, linked headline, pill-shaped category links, Separator dividers, and an outline icon button on large screens.
Blog Filtered Feed
Centered header with Badge and intro copy, then ghost Buttons filter categories beside a stacked feed of linked articles with Separator breaks between items.
Blog Related Articles
Related articles heading beside a small outline Button, above a responsive grid of linked article stacks showing category, title, summary, and date.
Blog Carousel Cards
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.
Blog Dark Featured
Dark-styled section with heading row, outline Read More button, large featured image and headline with Avatar author row, plus a second column of small thumbnails beside topic blurbs.
Blog Stacked Cards
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.
Blog Horizontal Cards
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.
Blog Magazine Split
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.
Blog Spotlight Grid
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.
Blog Expanded Lead Grid
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.
Blog Tagged Index
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.
Blog Square Art Rows
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.
Article Centered Prose
A single-post layout with centered title, subtitle, author row with avatar and site link, hero media, and prose body including headings, alert, table, and figures.
Article Sticky Sidebar
A two-column blog article with a sticky narrow column for back navigation, display title, and avatar byline beside a main column with hero image and full prose.
Article Nav Promo
A long-form article block with a centered masthead, main column with prose sections, alerts and tables, sticky in-page navigation, and a bordered call-to-action aside on large screens.
Article Share Rail
A blog article with breadcrumbs, intro blurb, sectioned prose with alerts and tables, sticky section list, circular social share buttons, and a back-to-top control.
Article Offset Rail
A blog post layout with breadcrumbs, oversized headline, hero image, sectioned body with alerts and tables, and a narrow rail for on-page links and share buttons.
Article Chapter List
A blog article with dotted hero background, centered title and share row, sticky chapter list, long-form prose with images, and repeated author card.
Article Animated Header
This component displays a blog post layout with animated transitions for various elements such as the title, author information, and descriptions. It features an image, a publication date, content descriptions, and an author's avatar with details, making it suitable for showcasing articles or stories.
