# Beste UI

> Beautiful, accessible blocks, pieces and components for shadcn/ui and Tailwind CSS, built for React and Next.js. Install one with the shadcn CLI and the code is yours to edit: no runtime dependency, nothing to upgrade.

Markdown rendition of https://ui.beste.co/block/changelog31. Every page on the site has one: add `.md` to any address, or send `Accept: text/markdown`.

Last updated: 2026-08-12

Whole catalog for LLMs: https://ui.beste.co/llms.txt. Registry index: https://ui.beste.co/r/registry.json

---
1. /
2. [Blocks](/blocks)
3. /
4. [Changelog](/blocks/changelog)
5. /
6. Editorial Revision Log

# Editorial Revision Log[PRO](/pricing)

A revision log for writing rather than software, each entry dating the change, linking the piece it belongs to, stating what was altered and, where it exists, the reason on an accent rule.

ViewCodeDocs

Base UI

![](https://oud.pics/sm/l/npm.svg)`npx shadcn add https://ui.beste.co/r-base/changelog31`

## Changelog31: Editorial Revision Log

A revision log for writing rather than software, each entry dating the change, linking the piece it belongs to, stating what was altered and, where it exists, the reason on an accent rule.

Upgrade to Pro

Pro blocks install through the shadcn CLI with your license key and ship their full source. Docs and live previews stay open to everyone, so you can read every block's details first.

[Upgrade NowUpgrade Now](/pricing)

### Installation

Swap `YOUR_EMAIL` and `YOUR_KEY` for the email and license key on your account. Find your license key on your [account page](/account).

**Radix flavor**

bashCopy

```
npx shadcn add "https://ui.beste.co/r/changelog31?email=YOUR_EMAIL&license_key=YOUR_KEY"
```

**Base UI flavor**

bashCopy

```
npx shadcn add "https://ui.beste.co/r-base/changelog31?email=YOUR_EMAIL&license_key=YOUR_KEY"
```

This installs the block to `components/beste/block/changelog31.tsx` and the `badge6` component it uses for the eyebrow (installed to `components/beste/component/badge6.tsx`).

### Quick start

The installed file exports `changelog31Demo` alongside the block: the exact props behind the preview above. Spread it to get a working revision log in one line.

tsxCopy

```
import { Changelog31, changelog31Demo } from "@/components/beste/block/changelog31";

export default function RevisionsPage() {
  return <Changelog31 {...changelog31Demo} />;
}
```

Then replace the demo with your own props. Written out, a trimmed setup looks like this:

tsxCopy

```
import { Changelog31 } from "@/components/beste/block/changelog31";

export default function RevisionsPage() {
  return (
    <Changelog31
      eyebrow="Revisions"
      heading="What changed after publishing"
      description="Pieces are corrected in place rather than quietly reposted."
      revisions={[
        {
          date: "14 March 2026",
          piece: "Writing an estimate you can defend",
          href: "/essays/estimates",
          change: "Rewrote the section on contingency and removed the worked example.",
          reason: "Three readers used the example as a rule, which is the opposite of the point.",
        },
      ]}
      note="Typos and broken links are fixed without a note."
    />
  );
}
```

### Props

| Prop        | Type         | Default | Description                                   |
| ----------- | ------------ | ------- | --------------------------------------------- |
| eyebrow     | string       | –       | Badge6 label above the hairline rule          |
| heading     | string       | –       | Section heading under the rule                |
| description | string       | –       | Supporting paragraph                          |
| revisions   | Revision\[\] | \[\]    | One hairline entry per revision, newest first |
| note        | string       | –       | Line stating what is not logged               |
| className   | string       | –       | Extra classes for the outer section           |

tsCopy

```
type Revision = {
  date: string;
  piece: string;
  href: string;
  change: string;
  reason?: string;
};
```

### Behavior notes

* The reason is set apart on an accent rule rather than run into the change, so an entry reads as what happened first and why second.
* `reason` is optional. Entries without one are shorter rather than padded, which suits a log where most changes need no defence.
* Only the piece name is a link, so the entry itself is a record rather than a card.
* Order comes from the array. The block does not sort, so a newest-first log is a newest-first array.

## More Changelog blocks

[View all Changelog](/blocks/changelog)

[](/block/changelog6)

PRO

changelog6

### Minimal Text Changelog

Ultra-minimal text-only changelog with version headers and dash-prefixed change lists. No badges, no cards, just clean typography.

[](/block/changelog25)

PRO

changelog25

### Newspaper Changelog

Broadsheet newspaper layout with masthead, featured headline story, sidebar briefs, and numbered patch notes in flowing columns.

[](/block/changelog12)

PRO

changelog12

### Large Version Changelog

Poster-style changelog with oversized version numbers as visual anchors, followed by date, heading, and description text.

[](/block/changelog3)

PRO

changelog3

### Changelog Release Feed

Release feed cards with aligned change labels, summaries, and optional CTA buttons.

[](/block/changelog22)

PRO

changelog22

### Terminal Git Log Changelog

Dark terminal window styled as a git log output with commit hashes, version tags, color-coded change prefixes, and a blinking cursor.

[](/block/changelog28)

FREE

changelog28

### Full Release Notes By Month

A complete changelog grouped by month, each version on a hairline row beside its entries, every line tagged added, changed, fixed, or removed with its own tone.

## Ship the interface, keep the code.

New blocks, pieces and components every week. Install one with a command and it is yours to edit. No runtime dependency, no upgrade path to fight.

[Browse the libraryBrowse the library](/blocks)[See pricingSee pricing](/pricing)

### Library

* [Blocks](/blocks)
* [Pages](/pages)
* [Pieces](/pieces)
* [Components](/components)
* [Search](/search)

### Learn

* [Docs](/docs)
* [AI & MCP](/docs/mcp)
* [Blog](/blog)
* [Free tools](/tools)
* [What's new?](/changelog)
* [Website Builder](https://beste.co)

### More

* [Pricing](/pricing)
* [Referrals](/referrals)
* [License](/license)
* [GitHub](https://github.com/beste-co/beste-ui)

### Shadcn Blocks

* [Shadcn Hero Blocks](/blocks/hero)
* [Shadcn Feature Blocks](/blocks/feature)
* [Shadcn Pricing Blocks](/blocks/pricing)
* [Shadcn CTA Blocks](/blocks/cta)
* [Shadcn FAQ Blocks](/blocks/faq)
* [Shadcn About Blocks](/blocks/about)
* [Shadcn Stats Blocks](/blocks/stats)
* [Shadcn Footer Blocks](/blocks/footer)
* [Shadcn Navigation Blocks](/blocks/navigation)
* [Shadcn Auth Blocks](/blocks/auth)
* [Shadcn Ecommerce Blocks](/blocks/ecommerce)
* [Shadcn Portfolio Blocks](/blocks/portfolio)
* [Shadcn Showcase Blocks](/blocks/showcase)
* [Shadcn Careers Blocks](/blocks/careers)
* [Shadcn Onboarding Blocks](/blocks/onboarding)
* [Shadcn Coming Soon Blocks](/blocks/coming-soon)
* [Shadcn Post Blocks](/blocks/post)
* [Shadcn Legal Blocks](/blocks/legal)
* [Shadcn Workflow Blocks](/blocks/workflow)
* [Shadcn News Blocks](/blocks/news)

© 2026, [Beste](https://beste.co). All rights reserved.