Previous Share Buttons

Comments Section

Threaded comment display with reply, like, and pagination.

This page is a scaffold for the Comments Section component. Build the live markup, Alpine.js interactions, and DaisyUI/Tailwind classes here, then replace this placeholder block with the real preview + code snippet.

Planned variants & states to implement:

  • Comment list
  • Nested replies
  • Upvote / downvote
  • Reply form
  • Author badge
  • Moderation pending state
  • Load more comments
12

Post Grid

Responsive grid of blog post cards with thumbnail, title, and meta.

Post List

Vertical list of posts with image, excerpt, and date.

Post Carousel

Horizontal carousel of blog posts with navigation.

Featured Post

Large hero-style featured article block with image and summary.

Recent Posts

Compact sidebar or widget listing of most recent posts.

Related Posts

Below-article grid of contextually related posts.

Author Box

Single author bio block with avatar, name, and description.

Author Grid

Multi-author grid with photo, name, post count, and links.

Categories Grid

Visual category cards with icon, name, and post count.

Tags Cloud

Tag cloud with variable font sizes by post frequency.

Reading Progress

Sticky top bar progress indicator for article reading depth.

Share Buttons

Social sharing button row for Twitter/X, Facebook, LinkedIn, and more.
Previous Share Buttons