Does Changelog work with Next.js?

Yes. It is a React 19 component styled with Tailwind CSS 4, so it drops into a Next.js page, a Vite app, Remix or Astro.

Can I change the copy and colours?

Yes. The section is a file in your project. Text, links and images are plain props or JSX, and colours come from your theme's CSS variables, so a brand change is a token edit.

Changelog

Changelog with sticky version dates, release notes, screenshots and New, Improved and Fixed filters.

Type: Content section
Styles: Dark, Minimal
Licence: Charcoal UI Pro

About Changelog

Changelog lists releases with the version and date sticking beside each entry, a short summary, an optional screenshot and changes tagged New, Improved or Fixed, with a filter for each type.

It is a full-width content section for React and Tailwind CSS 4, in a dark and minimal style. Preview it at any width above, then install it with one command.

When to use Changelog

SaaS product updates.
Open-source releases.
Version 2 launches.
Changelog tools.

How it is built

Releases are plain data, filtering is instant, and the timeline dot uses your accent.

It has no component dependencies beyond the shared utilities, so it is one file to read and change.

Goes well with Changelog

Changelog is part of 6 full templates, so you can see it in a finished page.

Vellum template: Find anything your team ever wrote.
Runway template: Push to deploy, in every region.
Hexwork template: The framework, and the people behind it.
Patchnote template: Release notes people actually read.
Campfire template: Group chat that stays readable.
Relaunch template: Announce the big new version.
Blog Grid: A React blog index with a wide featured post, grid and tag filters
Blog Featured: A magazine-style React front with a serif lead story and most-read list
Resources Library: A React resource library with type tabs, search and patterned tiles
Newsletter Issues: A React newsletter landing block with sign-up, reader proof and archive

Install Changelog

npx shadcn@latest add @charcoal/changelog

Changelog is part of Charcoal UI Pro: one seat covers all 107 sections, 100 templates and 300 Pro components, for unlimited projects. The command installs the section into components/sections along with every component it uses.

Frequently asked questions

Does Changelog work with Next.js?: Yes. It is a React 19 component styled with Tailwind CSS 4, so it drops into a Next.js page, a Vite app, Remix or Astro.
Can I change the copy and colours?: Yes. The section is a file in your project. Text, links and images are plain props or JSX, and colours come from your theme's CSS variables, so a brand change is a token edit.

Changelog as Markdown