shadcn-labs

Post List

Component

About

A blog post list that renders posts as a stacked list, grid, carousel, or paginated full-width layout with author and category metadata.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Post List to your project and fits it to your theme.

Code

How Post List is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client";

import { PostList, PostListContent } from "@/components/ui/post-list";

export default function PostListDemo() {
  return (
    <PostList>
      <PostListContent />
    </PostList>
  );
}

Dependencies

More by shadcn-labs

View all
  • Email Progress Bar

    Email Progress Bar

    3
  • Coupons With Centered Text

    Coupons With Centered Text

  • Stripe Receipt Email

    Stripe Receipt Email

  • Masonry Product Detail

    Masonry Product Detail

  • Post Card

    Post Card

  • Data Table

    Data Table

  • Message Bubble

    Message Bubble

  • X Post Card

    X Post Card