Blocks

Production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.

PRO

post8

Article with Left Sidebar TOC

Three-column layout with table of contents on left, main article in center, and right sidebar for related content. Perfect for long-form guides.

PRO

post9

Article with Right Author Box

Two-column layout with main content on left and sticky author profile card on right with social links. Great for individual contributor articles.

PRO

post10

Article with Triple Sidebar

Three-column layout with TOC left sidebar, main article center, and action buttons with tags right sidebar. Best for technical documentation.

PRO

post11

Center-Aligned Floating TOC

Centered article layout with floating table of contents button in bottom right corner. Ideal for mobile-first or single-column responsive designs.

PRO

post12

Article with Related Posts

Two-column layout with main article and right sidebar containing related article cards with thumbnails. Perfect for discovery-focused content.

PRO

post13

Hero Image Dominant

Full-viewport hero image with title and summary overlaid at bottom with gradient. Excellent for visual storytelling or narrative-driven content.

PRO

post14

Centered Essay Pull Quotes

Centered layout featuring large pull quotes as visual breaks and prominent featured image. Ideal for essays or opinion pieces with strong statements.

PRO

post15

Two-Column Introduction

Article with two-column intro section separating key points before main content begins. Perfect for explainers that need dual perspectives.

PRO

post16

Essay with Drop Cap

Elegant essay-style layout with drop cap on first letter and integrated syntax-highlighted code blocks. Best for literary or technical essays.

PRO

post17

Newsletter Issue Template

Newsletter-style layout with issue number, dashed dividers between sections, and subscribe button. Perfect for weekly roundups or curated content.

PRO

post18

Article with Code Snippets

Technical article with code blocks featuring language labels, filenames, and copy-to-clipboard buttons. Ideal for programming tutorials.

PRO

post19

Step-by-Step Tutorial

Tutorial layout with numbered steps, prerequisites box, terminal commands, and completion message. Perfect for hands-on guides.

PRO

post20

Documentation Getting Started

Documentation-focused layout with version badge, info/warning/tip boxes, and previous/next navigation. Best for technical documentation.

PRO

post21

Changelog Timeline View

Timeline-style changelog with version badges, dates, and color-coded change types. Ideal for release notes and version history.

PRO

post22

API Reference Documentation

Technical reference with endpoint cards, HTTP method badges, and side-by-side request/response examples. Perfect for API documentation.

PRO

post23

Literary Essay Separators

Centered essay layout with large typography, ornamental separators, and author bio footer. Ideal for reflective essays or creative writing.

PRO

post24

Visual Story Photo Grid

Photography-focused layout with hero image, full-width photos, side-by-side grids, and captions. Perfect for travel or photography narratives.

PRO

post25

Interview Q&A Format

Interview layout showing interviewer and interviewee with avatars, hero image, and question-answer pairs. Ideal for interviews and conversations.

PRO

post26

Case Study with Metrics

Case study format with client info, overview box, metrics grid, sectioned content, and testimonial callout. Perfect for portfolio pieces.

PRO

post27

News Article Sidebar

Newspaper-style layout with byline, serif typography, author bio sidebar, and trending articles list. Ideal for news or journalism.

PRO

post28

Minimalist Short Form

Ultra-minimal essay with light typography, sparse content, horizontal rule separators, and small images. Best for contemplative short pieces.

PRO

post29

Sports Match Report

Sports-focused layout with match score display, timeline of match events, stats comparison, and player of the match. Perfect for game recaps.

PRO

post30

Social Sharing Article

Article with prominent share buttons for Twitter/LinkedIn, copy link function, and engagement-focused layout. Ideal for thought leadership.

PRO

post31

Educational Article Images

Educational article with clear heading hierarchy, embedded images with captions, and readable body text. Good for informational content.