Changelog feed

A release-notes feed with a progress rail that fills as you scroll, entries that blur and rise into view, a rolling “Reading v2.4” header and a tag filter with a sliding pill.

TypeScript Source with Startup & Business plans Light & dark

Changelog

Readingv2.6· 1 of 6

v2.6Oct 14, 2026Latest

AI chat with usage credits

A streaming assistant inside every workspace, metered per message.

Credits reset monthly per plan
Admins can top up from billing

Feature

v2.5Sep 30, 2026

Role matrix for workspace members

See every permission at a glance and change roles in one place.

Custom roles from individual toggles
Audit log entry per change

FeatureImprovement

v2.4Sep 12, 2026

Faster billing portal

Invoices load from a cached view, about four times faster than before.

Improvement

v2.3Aug 28, 2026

Invite links no longer expire early

Links honour the 7-day window even across time zones.

Fix

v2.2Aug 9, 2026

Project templates

Start a project from a SaaS, marketing or API template with seed data.

Slug preview while you type
Template files are editable

Feature

v2.1Jul 21, 2026

Avatar upload on Safari

Uploads from iOS photo pickers now convert HEIC before cropping.

Fix

Interactive preview · desktop · dark

Installation

Installation is available on the Startup and Business plans. Your personal install command appears here once you have access.

Usage

Import it, pass your props, and make it part of your product.

example.tsx

1import { ChangelogFeed } from '@/components/component-kit/items/block-changelog-feed';
2
3export function Example() {
4  return <ChangelogFeed height={480} onSubscribe={() => console.log('subscribed')} />;
5}

Props

Changelog feed properties
Prop	Type	Default	Description
`entries`	`ChangelogEntry[]`	`6 demo releases`	Releases, newest first; each has id, version, date, title, summary, tags and optional highlights.
`height`	`number`	`440 (150 compact)`	Height of the scrolling feed in pixels.
`onSubscribe`	`() => void`	`undefined`	Called when the Subscribe toggle is switched on.
`compact`	`boolean`	`false`	Three entries without the filter or highlights, for small previews.
`autoPlay`	`boolean`	`false`	Glide the feed down and back on a loop for inert previews.

Changelog feed

A release-notes feed with a progress rail that fills as you scroll, entries that blur and rise into view, a rolling “Reading v2.4” header and a tag filter with a sliding pill.

TypeScript Source with Startup & Business plans Light & dark

Changelog

Readingv2.6· 1 of 6

v2.6Oct 14, 2026Latest

AI chat with usage credits

A streaming assistant inside every workspace, metered per message.

Credits reset monthly per plan
Admins can top up from billing

Feature

v2.5Sep 30, 2026

Role matrix for workspace members

See every permission at a glance and change roles in one place.

Custom roles from individual toggles
Audit log entry per change

FeatureImprovement

v2.4Sep 12, 2026

Faster billing portal

Invoices load from a cached view, about four times faster than before.

Improvement

v2.3Aug 28, 2026

Invite links no longer expire early

Links honour the 7-day window even across time zones.

Fix

v2.2Aug 9, 2026

Project templates

Start a project from a SaaS, marketing or API template with seed data.

Slug preview while you type
Template files are editable

Feature

v2.1Jul 21, 2026

Avatar upload on Safari

Uploads from iOS photo pickers now convert HEIC before cropping.

Fix

Interactive preview · desktop · dark

Installation

Installation is available on the Startup and Business plans. Your personal install command appears here once you have access.

Usage

Import it, pass your props, and make it part of your product.

example.tsx

1import { ChangelogFeed } from '@/components/component-kit/items/block-changelog-feed';
2
3export function Example() {
4  return <ChangelogFeed height={480} onSubscribe={() => console.log('subscribed')} />;
5}

Props

Changelog feed properties
Prop	Type	Default	Description
`entries`	`ChangelogEntry[]`	`6 demo releases`	Releases, newest first; each has id, version, date, title, summary, tags and optional highlights.
`height`	`number`	`440 (150 compact)`	Height of the scrolling feed in pixels.
`onSubscribe`	`() => void`	`undefined`	Called when the Subscribe toggle is switched on.
`compact`	`boolean`	`false`	Three entries without the filter or highlights, for small previews.
`autoPlay`	`boolean`	`false`	Glide the feed down and back on a loop for inert previews.

Changelog feed

A release-notes feed with a progress rail that fills as you scroll, entries that blur and rise into view, a rolling “Reading v2.4” header and a tag filter with a sliding pill.

TypeScript Source with Startup & Business plans Light & dark

Changelog

Readingv2.6· 1 of 6

v2.6Oct 14, 2026Latest

AI chat with usage credits

A streaming assistant inside every workspace, metered per message.

Credits reset monthly per plan
Admins can top up from billing

Feature

v2.5Sep 30, 2026

Role matrix for workspace members

See every permission at a glance and change roles in one place.

Custom roles from individual toggles
Audit log entry per change

FeatureImprovement

v2.4Sep 12, 2026

Faster billing portal

Invoices load from a cached view, about four times faster than before.

Improvement

v2.3Aug 28, 2026

Invite links no longer expire early

Links honour the 7-day window even across time zones.

Fix

v2.2Aug 9, 2026

Project templates

Start a project from a SaaS, marketing or API template with seed data.

Slug preview while you type
Template files are editable

Feature

v2.1Jul 21, 2026

Avatar upload on Safari

Uploads from iOS photo pickers now convert HEIC before cropping.

Fix

Interactive preview · desktop · dark

Installation

Installation is available on the Startup and Business plans. Your personal install command appears here once you have access.

Usage

Import it, pass your props, and make it part of your product.

example.tsx

1import { ChangelogFeed } from '@/components/component-kit/items/block-changelog-feed';
2
3export function Example() {
4  return <ChangelogFeed height={480} onSubscribe={() => console.log('subscribed')} />;
5}

Props

Changelog feed properties
Prop	Type	Default	Description
`entries`	`ChangelogEntry[]`	`6 demo releases`	Releases, newest first; each has id, version, date, title, summary, tags and optional highlights.
`height`	`number`	`440 (150 compact)`	Height of the scrolling feed in pixels.
`onSubscribe`	`() => void`	`undefined`	Called when the Subscribe toggle is switched on.
`compact`	`boolean`	`false`	Three entries without the filter or highlights, for small previews.
`autoPlay`	`boolean`	`false`	Glide the feed down and back on a loop for inert previews.

Changelog feed

A release-notes feed with a progress rail that fills as you scroll, entries that blur and rise into view, a rolling “Reading v2.4” header and a tag filter with a sliding pill.

TypeScript Source with Startup & Business plans Light & dark

Changelog

Readingv2.6· 1 of 6

v2.6Oct 14, 2026Latest

AI chat with usage credits

A streaming assistant inside every workspace, metered per message.

Credits reset monthly per plan
Admins can top up from billing

Feature

v2.5Sep 30, 2026

Role matrix for workspace members

See every permission at a glance and change roles in one place.

Custom roles from individual toggles
Audit log entry per change

FeatureImprovement

v2.4Sep 12, 2026

Faster billing portal

Invoices load from a cached view, about four times faster than before.

Improvement

v2.3Aug 28, 2026

Invite links no longer expire early

Links honour the 7-day window even across time zones.

Fix

v2.2Aug 9, 2026

Project templates

Start a project from a SaaS, marketing or API template with seed data.

Slug preview while you type
Template files are editable

Feature

v2.1Jul 21, 2026

Avatar upload on Safari

Uploads from iOS photo pickers now convert HEIC before cropping.

Fix

Interactive preview · desktop · dark

Installation

Installation is available on the Startup and Business plans. Your personal install command appears here once you have access.

Usage

Import it, pass your props, and make it part of your product.

example.tsx

1import { ChangelogFeed } from '@/components/component-kit/items/block-changelog-feed';
2
3export function Example() {
4  return <ChangelogFeed height={480} onSubscribe={() => console.log('subscribed')} />;
5}

Props

Changelog feed properties
Prop	Type	Default	Description
`entries`	`ChangelogEntry[]`	`6 demo releases`	Releases, newest first; each has id, version, date, title, summary, tags and optional highlights.
`height`	`number`	`440 (150 compact)`	Height of the scrolling feed in pixels.
`onSubscribe`	`() => void`	`undefined`	Called when the Subscribe toggle is switched on.
`compact`	`boolean`	`false`	Three entries without the filter or highlights, for small previews.
`autoPlay`	`boolean`	`false`	Glide the feed down and back on a loop for inert previews.