Blog Listing

Article tiles, featured posts & metadata

The Blog Listing Page Template gives you a ready-made structure for showcasing your content library. Built with shadcn/ui blocks, it includes layouts for blog tiles, feature articles, and supporting metadata so your design stays aligned with how developers implement in code. This template makes it easy for visitors to browse, discover, and engage with your content, whether you're publishing product updates, thought leadership, or company news. Starting with a pre-built template saves design time, ensures accessibility and responsiveness, and helps you create a polished blog index that feels professional and easy to navigate.

Included in Pro & Pro + React Figma

Get Blog Listing

Preview (light mode)

Blog Listing is available as part of our Pro and Pro + React Design Systems. Get Blog Listing

More Pages

Benefits

Pages that give you a real starting point

Pre-built layouts designed for real use cases, built from reusable blocks so you can move fast without starting from scratch.

Structured layouts

Clear page structures with sensible hierarchy, spacing, and flow across every template.

Built on shadcn/ui patterns

Follows the same structure and conventions as shadcn/ui, so designs feel familiar and predictable.

Consistent by default

Shared patterns, spacing, and components keep your pages aligned out of the box.

Designed for real use cases

Covers common SaaS and marketing needs like dashboards, messaging, pricing, and more.

Theme-ready

Works seamlessly with tokens and theming so pages adapt instantly across modes and brands.

Easy to adapt

Swap, remove, or rearrange blocks to create new layouts without starting from scratch.

SBIOTJ

Join 3,000+ builders shipping with shadcncraft

Design and assemble full pages faster with production-ready blocks built for real products.

Production-ready blocks and components
Clean React and Tailwind parity
Built for SaaS, marketing, and ecommerce teams

Get the design system

Join Now CTA

Real support from the team behind shadcncraft

Get help within 24 hours from the people who build and maintain the system.

Email

Prefer a direct line? Send us a message and we'll get back to you as soon as possible.

Discord

Get quick support, share feedback, or connect with other builders.

Feedback

Got something to say about anything shadcncraft? We'd love to hear it.