Embed a beautiful changelog on your site
Drop one script tag into your website and get a gorgeous, auto-updating changelog widget. Works with any framework.
Free on all plans · Under 5KB · Zero dependencies
Add in 30 seconds
Copy, paste, done. That's it.
<!-- Add this where you want the changelog to appear --> <div id="shiplog-changelog"></div> <!-- Add this before </body> --> <script src="https://shiplog.deependventures.com/api/widget" data-project="your-project-id" data-target="#shiplog-changelog" data-theme="dark" async ></script>
import { ShipLogWidget } from '@shiplog/react';
export function Changelog() {
return (
<ShipLogWidget
projectId="your-project-id"
theme="dark"
entries={5}
/>
);
}What the widget looks like
Branded, responsive, and always up-to-date.
What's New
Powered by ShipLogv2.1.0
2 days agov2.0.0
1 week agoWidget features
Ultra-Lightweight
Under 5KB gzipped. Loads async so it never blocks your page.
Fully Customizable
Match your brand with custom colors, fonts, and layout options.
Responsive
Looks great on desktop, tablet, and mobile. No extra CSS needed.
Auto-Updates
Widget pulls latest entries from ShipLog CDN. Publish once, updated everywhere.
Dark & Light Themes
Built-in dark and light themes. Or use your own custom theme.
Framework Agnostic
Works with React, Vue, Svelte, Next.js, plain HTML — anything.
Customize everything
Make the widget yours with data attributes.
<script src="https://shiplog.deependventures.com/api/widget" data-project="your-project-id" data-target="#changelog" data-theme="dark" <!-- "dark" | "light" | "auto" --> data-entries="5" <!-- Number of entries to show --> data-categories="added,fixed,improved" data-accent-color="#3b82f6" <!-- Your brand color --> data-show-dates="true" data-show-badges="true" data-link-text="View all updates" async ></script>
Get Widget Integration Tips
Best practices for embedding changelogs, in-app announcements, and keeping users informed.
No spam. Unsubscribe anytime.
Frequently Asked Questions
How do I embed the changelog widget?
Add a single script tag to your HTML. The widget renders inside a container element you specify. It auto-loads your latest changelog entries with zero configuration.
Does the widget slow down my site?
No. The widget script is under 5KB gzipped, loads asynchronously, and doesn't block page rendering. It's faster than most analytics scripts.
Can I customize the widget appearance?
Yes. Customize colors, fonts, categories, number of entries shown, and more via data attributes or the JavaScript API. Match it to your brand perfectly.
Does it work with React, Vue, and Next.js?
Yes. The widget works with any framework — it's a plain JavaScript embed. We also provide React and Vue wrapper components for cleaner integration.
Is the widget free?
The widget is included in all plans, including Free. Show unlimited changelog entries on your site at no cost.
How does the widget stay updated?
The widget fetches your latest changelog entries from ShipLog's CDN on each page load. When you publish new release notes, the widget updates automatically — no code changes needed.
More Free Tools from ShipLog
Get your changelog widget today
One script tag. Auto-updating. Free on all plans.
Get Started — It's Free