Embeddable Widget — AgenticArtists

What it does

The widget at /widget.js is a single ~6 KB vanilla-JS file (no dependencies) that fetches the public /api/businesses endpoint and renders either:

Single business card — when you pass data-business="<slug>", the widget looks up that slug and renders the logo, name, revenue tier, tagline, and a CTA link.
Top-list — when you pass data-mode="top", the widget renders a vertical list of the highest-revenue businesses (max 30, default 5).
First-business fallback — with no attributes, the widget simply renders the first business from the directory.

Quick start

The simplest embed — a single card for the first business in the directory:

html

<script src="https://agenticartists.com/widget.js"
        data-business="polsia-ben-broca"
        async></script>

That single tag is the whole API. Place it anywhere in your HTML; the widget inserts its own styled container immediately after the script tag and fetches the matching data from /api/businesses.

Examples

Single business card

Render a card for any business. The widget self-mounts into the next container after the script tag — no extra markup required.

html

<script
  src="https://agenticartists.com/widget.js"
  data-business="photoai"
  async
></script>

Top-list mode

Render a vertical list of the highest-revenue AI-native businesses, sorted by revenue tier. data-count is capped at 30.

html

<script
  src="https://agenticartists.com/widget.js"
  data-mode="top"
  data-count="5"
  async
></script>

Default fallback (no attrs)

With no data-* attributes the widget simply renders the first business from the directory.

html

<script src="https://agenticartists.com/widget.js" async></script>

Data attributes

All configuration lives on the script tag as data-* attributes:

Attribute	Default	Effect
data-business	none	Slug of the business to render (e.g. `polsia-ben-broca`). Ignored when `data-mode="top"` is set.
data-mode	single	`single` — render one card. `top` — render a list sorted by revenue tier.
data-count	5	Number of cards in `top` mode. Capped at 30.

What it looks like

Preview with the current directory data:

P
Polsia
AI tools platform built with open-source models and Claude
$1M+
Solo
C
ChatPRD
AI-powered product documentation that scales with ChatGPT
$1M+
Small Team 2-5
C
CardWise
AI-coded credit card benefits platform
$10K-$100K
Solo

Privacy & performance

The widget makes one fetch to /api/businesses on mount. No cookies, no tracking pixels, no third-party requests.
Script is ~6 KB gzipped. Zero dependencies. Pure vanilla JS.
If the API call fails, the widget renders a small inline error and falls back to window.__AGENTIC_ARTISTS_DATA__ if your site pre-injected it (optional escape hatch for offline rendering).
CSS is scoped under a per-mount random aa-widget-* id, so it cannot bleed into your page.

Source

The widget source is fully open and self-contained: /widget.js. ~320 lines of vanilla JS, no build step.

Back to home