Playground
The widget, live. Poke at it.
Everything below runs the production /widget.js against real changelog data. Tweak the settings and the embed snippet updates with you.
Display mode
Trigger
Position
Theme
Accent
Simulated new releases3
acme.example.com/dashboard
Search…
12,480
+12.1%
3.4%
−0.4%
€48.2k
+12.1%
one line · async · <15kb
index.html — paste before </body>
<script src="https://release-ripple-roadmap.lovable.app/widget.js" data-workspace="acme" data-mode="popover" data-position="bottom-right" data-theme="light" data-accent="#4f6bff" async></script>Fast by default
Loads async after your page, renders in under a frame, and weighs less than a small image.
Isolated styles
Lives in a Shadow DOM: your CSS can't break it, and it can't break yours.
Scriptable
LogPulse.open(), close() and toggle() let you wire it into menus, onboarding or keyboard shortcuts.
Attributes reference
Configure with data attributes
| Attribute | Values |
|---|---|
| data-workspace | your workspace slug (required) |
| data-mode | popover · modal · banner |
| data-position | bottom-right · bottom-left |
| data-theme | auto · light · dark |
| data-accent | any hex color, e.g. #4f6bff |
| data-label | launcher text, default “What's new” |
| data-trigger | CSS selector of your own button |
| data-badge | false to hide the unread count |
| data-segments | comma-separated audience, e.g. pro,beta |
Audience targeting
Show releases to the right users
Tag a release with segments in the editor, then pass the current user’s segments to the widget. Untargeted releases are shown to everyone and on your hosted changelog.
Segment-aware embed
<script src="https://release-ripple-roadmap.lovable.app/widget.js" data-workspace="acme" data-segments="pro,beta" async></script>Want to see a Pro workspace without branding? Browse LogPulse’s own changelog.
Get your own snippet