Tokenomics Simulator

<main class="wrap">
  <header class="head">
    <span class="eyebrow">Crypto Utility</span>
    <h1>Tokenomics Simulator</h1>
    <p class="sub">Model a token's market cap, FDV, and the price implied by a target valuation. Numbers update as you type.</p>
  </header>

  <section class="grid">
    <form class="card inputs" id="form" novalidate>
      <h2>Inputs</h2>

      <label class="field">
        <span class="lbl">Total supply <em>(tokens)</em></span>
        <input id="total" type="number" inputmode="decimal" min="0" step="any" value="1000000000" />
      </label>

      <label class="field">
        <span class="lbl">Circulating supply <em>(tokens)</em></span>
        <input id="circ" type="number" inputmode="decimal" min="0" step="any" value="250000000" />
      </label>

      <label class="field">
        <span class="lbl">Current token price <em>(USD)</em></span>
        <input id="price" type="number" inputmode="decimal" min="0" step="any" value="0.05" />
      </label>

      <label class="field">
        <span class="lbl">Target market cap <em>(USD)</em></span>
        <input id="target" type="number" inputmode="decimal" min="0" step="any" value="100000000" />
      </label>

      <p class="hint" id="hint" role="status" aria-live="polite"></p>
    </form>

    <div class="card results" aria-live="polite">
      <h2>Results</h2>
      <dl class="stats">
        <div class="stat">
          <dt>Current market cap</dt>
          <dd id="mcap">—</dd>
        </div>
        <div class="stat">
          <dt>Fully-diluted valuation (FDV)</dt>
          <dd id="fdv">—</dd>
        </div>
        <div class="stat">
          <dt>Circulating share of supply</dt>
          <dd id="pct">—</dd>
        </div>
        <div class="stat accent">
          <dt>Implied price at target market cap</dt>
          <dd id="implied">—</dd>
        </div>
        <div class="stat accent">
          <dt>Multiple vs. current price</dt>
          <dd id="mult">—</dd>
        </div>
      </dl>
    </div>
  </section>

  <p class="disclaimer">Illustrative only. This is a math tool, not a prediction, forecast, or investment advice. Token prices are not guaranteed.</p>

  <footer class="pb">Powered by Animica</footer>
</main>