Changelog Blocks
Copy-paste React sections for changelogs and release notes: version timelines, categorized change lists, roadmap-style status boards, developer-facing release logs with code samples, and visual or newspaper-style release feeds. Each block ships as plain, editable component code, not a runtime dependency.
split-milestone-changelog
Split Milestone Changelog
Two-column release entries pairing milestone context with highlights and metrics.
changelog-release-feed
Changelog Release Feed
Release feed cards with aligned change-type labels and an optional CTA per card.
grouped-changelog-board
Grouped Changelog Board
Releases grouped under bold month headings with aligned version and description columns.
milestone-changelog-timeline
Milestone Changelog Timeline
Vertical timeline of releases with a connecting line, version badges, and tone-coded change types.
minimal-text-changelog
Minimal Text Changelog
Ultra-plain, text-only changelog with no badges, cards, or borders.
categorized-release-notes
Categorized Release Notes
Per-release changes grouped into Added, Changed, and Fixed sub-sections.
featured-release-changelog
Featured Release Changelog
The latest release highlighted in a large featured card, older releases condensed below.
release-card-grid
Release Card Grid
Responsive grid of release cards, each with an optional read-more link.
dense-inline-release-log
Dense Inline Release Log
Compact single-line release rows with a color-coded dot, version tag, and a legend footer.
two-column-date-changelog
Two-Column Date Changelog
Minimal two-column rows: a fixed-width date on the left, version and changes on the right.
large-version-changelog
Large Version Changelog
Poster-style release rows with an oversized version numeral as the visual anchor for each entry.
accordion-release-changelog
Accordion Release Changelog
Each release is its own collapsible row, collapsed to a one-line summary and expanding to the full detail.
year-grouped-accordion-changelog
Year-Grouped Accordion Changelog
Releases grouped into collapsible year panels, each showing a release count and expanding to the full list.
stacked-release-cards
Stacked Release Cards
Vertically stacked release cards, each with a heading, change list, and a version/date footer row.
visual-release-notes
Visual Release Notes
Alternating image-and-text release rows, each pairing a feature screenshot with the version's highlights.
team-update-feed
Team Update Feed
Author-attributed changelog feed with avatars, roles, and change lists per entry.
full-width-showcase-changelog
Full-Width Showcase Changelog
Marketing-style changelog with full-bleed hero images and a bottom text scrim per major release.
developer-changelog-with-code
Developer Changelog with Code
Technical changelog pairing each release's notes with a static before/after code snippet.
roadmap-status-changelog
Roadmap Status Changelog
Hybrid roadmap/changelog with Shipped, In Progress, and Planned sections and optional item photos.
kanban-board-changelog
Kanban Board Changelog
Three-column kanban board grouping this cycle's changes into Features, Fixes, and Improvements.
terminal-git-log-changelog
Terminal Git Log Changelog
A dark terminal window styled as `git log` output, with commit hashes, version tags, and color-coded change prefixes.
striped-table-changelog
Striped Table Changelog
A structured table of changes with striped rows, color-coded type badges, and an optional link per row.
callout-highlight-changelog
Callout Highlight Changelog
Each release pulls its single most impactful change into a bordered callout above the rest of the list.
newspaper-changelog
Newspaper Changelog
A broadsheet-style layout with a masthead, a featured headline release, a briefs sidebar, and columned patch notes.
version-rail-release-timeline
Version Rail Release Timeline
A sticky monospace version rail filters the release feed to a single version on click.