A. Standalone HTML File
Download once. Works anywhere. No server needed.
A single self-contained HTML file with the full ChangelogAI generator built in. Open it in any browser — no internet connection required for the UI, only for generating (uses your access key).
- All 15 output formats included
- 10 languages
- No install needed except generation
- No dependencies, no build step
B. Embed via iframe
Paste one line into any page.
Add the ChangelogAI widget to any webpage with a single iframe tag. Works in any CMS, static site, or web app.
html
<!-- ChangelogAI Widget -->
<iframe
src="https://changelogai.org/widget"
width="100%"
height="600"
frameborder="0"
style="border-radius:10px;border:1px solid #2a2a2a;"
title="ChangelogAI Generator"
></iframe>
For responsive sizing, wrap in a container:
html
<div style="width:100%;max-width:860px;margin:0 auto;">
<iframe src="https://changelogai.org/widget"
width="100%" height="600" frameborder="0"
style="border-radius:10px;border:1px solid #2a2a2a;">
</iframe>
</div>
C. Script Tag / npm
For developers who want full control.
Add the ChangelogAI widget to any page with a single script tag. It automatically injects the widget into any element with id="changelogai-widget".
html
<!-- 1. Add a container -->
<div id="changelogai-widget"></div>
<!-- 2. Load the widget -->
<script
src="https://changelogai.org/widget.js"
data-theme="dark"
data-access-key="LOGAI-XXXX-XXXX"
></script>
bash
npm install changelogai-widget
javascript
// React
import { ChangelogAI } from 'changelogai-widget';
export default function App() {
return (
<ChangelogAI
accessKey="LOGAI-XXXX-XXXX"
theme="dark"
defaultFormat="github"
/>
);
}
// npm package coming soon
The npm package is in development. Email us to join the early access list and get notified on launch.
Configuration Options