Post list, post detail, and newsletter signup for blog and content sites.
Blog post listing with category filters and pagination.
A quick intro to the design system.
Deep dive into composition patterns.
All the new features and improvements.
import { PostList } from "@launchapp/design-system/blocks/blog";const posts = [ { id: "1", title: "Getting Started", slug: "getting-started", excerpt: "A quick intro.", category: "Tutorial", publishedAt: "2024-01-01", author: { name: "Alice" } }, { id: "2", title: "Advanced Patterns", slug: "advanced", excerpt: "Deep dive.", category: "Guide", publishedAt: "2024-02-01", author: { name: "Bob" } },];export default function Page() { return <PostList title="Blog" posts={posts} categories={["Tutorial", "Guide"]} />;}Full blog post layout with author info, metadata, and related posts.
The LaunchApp Design System provides a comprehensive set of components built on Radix UI primitives and styled with Tailwind CSS 4.
Install the package via npm and import the styles to get started quickly.
Import components directly and customize them using design tokens.
Alice Johnson
import { PostDetail } from "@launchapp/design-system/blocks/blog";export default function Page() { return ( <PostDetail title="Getting Started with LaunchApp" publishedAt="2024-01-01" author={{ name: "Alice Johnson", avatarUrl: "" }} category="Tutorial" content={<p>Post content goes here.</p>} /> );}