labsUI

Changelog

Release notes on a Timeline: newest release highlighted, changes typed New / Improved / Fixed with Badges, and a Kbd shortcut to try the headline feature. Server-safe.

npx @kznlabs/labsui add changelog

  1. v0.4Resizable and blocks

    • NewResizable split panes with collapsible panels.
    • NewBlocks: pricing, testimonial, stat tile and more.
    • ImprovedCommand palette groups follow the sidebar order.

    Try it ⌘K

  2. v0.3Data and media

    • NewTable, Data table, Chart and Carousel.
    • FixedTooltip no longer flickers at viewport edges.
import { Changelog } from "@/components/blocks/changelog";export function ChangelogPage() {  return (    <Changelog      releases={[        {          version: "v2.1",          title: "Faster search",          date: "Oct 24, 2026",          dateTime: "2026-10-24",          changes: [            {              type: "new",              text: "Search across every project from the command palette.",            },            { type: "improved", text: "Results show up as you type." },          ],          shortcut: ["⌘", "K"],        },        {          version: "v2.0",          title: "Teams",          date: "Oct 3, 2026",          dateTime: "2026-10-03",          changes: [{ type: "fixed", text: "Invites no longer expire early." }],        },      ]}    />  );}

<Changelog>

Release notes on a Timeline: the newest release is the highlighted one, changes are typed with Badges, Kbd shows how to try it.

  • releases*
    Release[]

    Newest first; the first one is highlighted.

PropTypeDefault
releases*

Newest first; the first one is highlighted.

Release[]—
type Release
{ version: string; title: string; date: string; dateTime?: string; changes: Change[]; shortcut?: string[]; }

* required. Every component also takes className.