Project · Open source

Every red dot, on the record.

Red Dot Tracker chases the dot across every wall and logs every pounce. For: project landing pages and product pages.

Start tracking ↗ Docs
install red-dot

Twelve rooms, one record

Living room, hallway, bedroom: every room's dot paths land in the same file, grouped by room, ready to replay.

Learn how light moves

The dot travels in straight lines and turns at every mirror. Watch long enough, and you know where it goes next.

Zero dots caught, and that's fine.

Start tracking ↗
Markup 
<main class="f-split f-prose">
  <header class="f-split__hero">
    <div>
      <h1>Every red dot, on the record.</h1>
      <div class="f-cluster"><a class="f-btn f-btn--primary" href="#">Start tracking</a></div>
      <div class="f-split__install">
        <code>install red-dot</code><button class="f-btn" type="button">Copy</button>
      </div>
    </div>
    <div class="f-split__visual"><img src="board.jpg" alt="" /></div>
  </header>
  <section class="f-split__feature">
    <div><h2>Twelve rooms, one record</h2><p>…</p></div>
    <img src="board-2.jpg" alt="" />
  </section>
  <section class="f-split__band">
    <h2>Zero dots caught, and that's fine.</h2>
    <a class="f-btn f-btn--primary" href="#">Start tracking</a>
  </section>
</main>