Changelog Graph

Your changelog as a git graph: lanes, branch/merge curves, release tags and type filters.

Animated · Full motion: idle animation, physics and effects. animated (default)

Lanes and curves draw themselves the first time the section scrolls into view, commit dots pop in, and entries expand. Filter by feat / fix / perf.

Installation

$ npx shadcn@latest add https://guetix.com/r/changelog-graph.json

Uses the shadcn CLI. It creates components/guetix/changelog-graph.tsx and installs nothing else.

example.tsx

import { ChangelogGraph } from "@/components/guetix/changelog-graph";

export default function Example() {
  return <ChangelogGraph />;
}

ChangelogsRelease notesProject history

Prop	Type	Default	Description
commits	Commit[]	—	{ id, lane, type, title, date, body?, tag?, mergeTo?, branchFrom? }
title	string	—	Heading.
animated	boolean	true	false = the calm “Regular” version (no idle or ambient motion).