Skip to content

Release Notes

Changelog and release notes section. A giant version number stays pinned in an accent band and rolls to the release you are reading as you scroll.

Dependencies

gsap@gsap/reactclsxtailwind-merge

Interaction

Coordinated GSAP ScrollTrigger tracking per release, pinned 96px clipped rolling numeric counters, and responsive indicator tick transitions.

Props

PropTypeDescription
releases{ version: string; date: string; title: string; changes: { tag: string; lead: string; detail?: string }[] }[]List of releases, ordered newest first (2 to 12 releases).
highlightTagstringChanges with this tag show the tag in text-foreground instead of text-muted-foreground.
heightnumber | stringIf given, the component scrolls inside its own bounded box of this height. If omitted, the page scrolls and the band sticks to the top of the viewport.
classNamestringOptional CSS classes merged with the root container.

MIT License. Free to use in personal and commercial projects. Built for Peel UI.