Embed cards

An embed card puts your project, or each of its tokens, on your own site: the AI credit its fees became, what its AI spent and how its fees split. The card links to its page on Fuel and tells your visitors who handles the fees-to-AI work.

Get the code

On the dashboard, open your project's Overview and scroll to Embed card:

1. Pick Project, or Token for the card on your token pages.
2. Pick an accent and a ground. The preview is the card your visitors see.
3. Copy the code, in HTML or React, and paste it where the card goes.

Two cards

Splits are in your project's own 100%, as on the dashboard. A project's card adds up every token launched or imported through it. The token a project names as its own, made elsewhere, has no card.

A card on every token page

Set the token card up once, before any token is live: put it in your token page and let your code fill in each token's mint. Until your first token launches, the dashboard previews a new token split by your fee strategy.

<iframe
  src="https://fuel.domain/embed/token/{mint}"
  title="This token's AI credit on Fuel"
  width="100%"
  height="300"
  loading="lazy"
  style="max-width:480px;border:0;border-radius:12px;overflow:hidden"
></iframe>

The project card is the same code with its own address, https://fuel.domain/embed/project/<project id>.

Looks

Add accent and ground to the card's address, such as ?accent=violet&ground=light. Leave both out for Fuel's own look: flame on dark.

auto follows each visitor's light or dark setting. The Fuel mark keeps its flame on every look.

On your page

• Every card is 300 px tall and fits any width up to 480 px. Below 300 px wide, the flame mark steps aside so the words keep their room.
• The figures refresh within 5 minutes, as the proof pages do.
• The card runs no script and sets no cookie: plain HTML and CSS, light on any page.