Changelog feed

Release notes you can filter, open in place, and scroll through month by month.

$npx shadcn@latest add @silicon-ui/changelog-feed

Installation

$npx shadcn@latest add @silicon-ui/changelog-feed

Install the dependencies.
$npm install lucide-react motion
Copy these files into your project. Shared files are skipped if you already have them.
- components/silicon-ui/blocks/changelog-feed/changelog-feed.tsx
- components/silicon-ui/blocks/changelog-feed/changelog-feed.module.css
- components/silicon-ui/lib/media.ts shared
- components/silicon-ui/copy-button/copy-button.tsx shared
- components/silicon-ui/copy-button/copy-button.module.css shared
- components/silicon-ui/lib/use-copy-feedback.ts shared
Install the foundation once per app for the design and motion tokens: $npx shadcn@latest add @silicon-ui/silicon-foundation

Source codetsx

import { ChangelogFeed } from "@/components/silicon-ui/blocks/changelog-feed/changelog-feed";

Prop	Type	Default
`entries` Release notes, newest first. Each entry belongs to one of `months` by key.	`ChangelogEntry[]`	`exampleEntries`
`months` Months shown in the month bar, newest first.	`ChangelogMonth[]`	`exampleMonths`
`title`	`string`	`"Changelog"`
`subtitle` One line under the title, such as the latest release.	`string`	`"Halden 4.12 shipped on September 18, 2026"`
`endNote` Closing line at the end of the list.	`string`	`"That is everything since Halden 4.5 in June."`
`defaultOpen` Entry ids open on first render. Defaults to the newest entry.	`string[]`	—
`className`	`string`	—