Widget Demo

Embeddable Widgets

Add Yanib widgets to any website with a single script tag. Each widget fetches data from your public story page and renders in real time.

Replace slug and user attributes with your own values from the Yanib dashboard.
Notification Bell

What's New popup

A floating bell icon that opens a release popup. Users can see recent updates without leaving your site.

<yanib-notifications slug="your-repo-slug" position="bottom-right" />
Announcement Banner

Dismissible banner

A top banner announcing your latest release. Users can dismiss it and it stays dismissed via localStorage.

<yanib-banner slug="your-repo-slug" dismissible="true" />
Story feed

Full story feed component

Embed your full release history as a styled feed component.

<yanib-stories slug="your-repo-slug" theme="light" limit="3" />
Developer Feed

Personal release feed

Show what a developer has shipped across all their repos.

<yanib-feed user="your-username" theme="light" limit="3" />

Installation

Add one script tag to your site. All components are registered automatically.

<script src="https://yanib.dev/sdk.js"></script>

See the full SDK demo for more examples, or read the API reference for programmatic access.