Widget Feature

Embeddable Changelog WidgetShow Updates Where Users Are

Don't make users leave your app to see what's new. Embed a beautiful, real-time changelog widget directly in your product.

Get Your Widget — Free

Add to your site in seconds

index.html
<!-- Add this before </body> -->
<script
  src="https://cdn.commitcatalog.com/widget.js"
  data-project="YOUR_PROJECT_ID"
  data-theme="auto"
  data-position="bottom-right"
  async
></script>

That's it. One script tag. No build step required.

Widget features

One-Line Embed

Add your changelog to any website with a single script tag. Works with React, Vue, Angular, plain HTML — anything.

Fully Customizable

Match your brand with custom colors, fonts, and layout options. Light and dark mode supported out of the box.

Lightweight & Fast

Under 15KB gzipped. Lazy-loaded so it won't impact your page performance or Core Web Vitals.

Multiple Display Modes

Inline embed, slide-out panel, modal popup, or notification bell — choose the format that fits your UX.

Fully Responsive

Looks great on desktop, tablet, and mobile. Automatically adapts to any container size.

Read Tracking

Know which updates your users have seen. Show notification badges for unread updates to drive engagement.

Multiple display modes

Notification Bell

A subtle bell icon that shows unread update count. Click to expand a dropdown with recent changes. Perfect for dashboards and SaaS apps.

Bell icon + dropdown

Slide-Out Panel

A side panel that slides in from the right edge. Great for detailed changelogs without navigating away from the current page.

Right-side panel

Inline Embed

Renders directly in your page as a native element. Perfect for dedicated "What's New" or changelog pages.

In-page embed

Modal Popup

A centered modal that shows on demand or when new updates are available. Good for important announcements.

Centered modal

Keep your users informed, in-app

Add a changelog widget to your app in under a minute. Free on all plans.

Get Your Widget