$129 intro price

Components

Blog Section

Pro

Notes from the team

What we shipped, what broke, and what we learned fixing it.

View all posts
7 posts

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/blog-section

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$129 once · 159 Pro components · lifetime updates.

import { BlogSection } from "@/components/ui/BlogSection";

<BlogSection
  title="Notes from the team"
  description="What we shipped, what broke, and what we learned fixing it."
  posts={posts}
  viewAllHref="/blog"
  onCategoryChange={(c) => console.log(c)}
/>

Use cases

  • Marketing site blog index

    A grid of recent articles with category chips; cards slide into their new places as the filter changes.

  • Company news or notes page

    Author, date and reading time on every card, with a view-all link up top for the full archive.

  • Engineering blog

    Pass a controlled category and sync the filter with the URL so a link opens the right set of posts.