Skip to main content
Yanib
Docs
Dashboard
SDK & embeds

Embeds

SDK & embeds

Drop one script tag on any page and you can use the web components anywhere:

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

  <!-- Full release feed -->
  <yanib-stories slug="your-repo-slug" theme="light" limit="5"></yanib-stories>

  <!-- Dismissible announcement bar -->
  <yanib-banner slug="your-repo-slug" dismissible="true"></yanib-banner>

  <!-- Floating "what's new" bell -->
  <yanib-notifications slug="your-repo-slug" position="bottom-right"></yanib-notifications>

  <!-- Personal release feed (for profiles, portfolios) -->
  <yanib-feed user="your-username" limit="5"></yanib-feed>

The components are framework agnostic. They work in React, Vue, plain HTML, or any static site generator. Each component fetches live data from Yanib's public API and refreshes on publish.

Public API (for programmatic access)

Prefer to build your own UI? Use the public endpoints:

  • GET /api/v1/releases?slug=<slug>, all releases for a repo.
  • GET /api/v1/releases/latest?slug=<slug>, latest release only.
  • GET /api/feed/<username>, a user's release feed across all their repos.
  • GET /api/stories/<slug>/embed, JSON optimized for widgets (CORS enabled).