<div align="center">
  <img alt="atom.io logo" src="https://raw.githubusercontent.com/jeremybanka/atom.io/main/apps/atom.io.fyi/public/favicon.png" width="160" height="160">
</div>

<h1 align="center">
  <code>atom.io</code>
</h1>

```shell
npm i atom.io
```

<p align="center">
  <a aria-label="NPM version" href="https://www.npmjs.com/package/atom.io">
    <img alt="NPM Version" src="https://img.shields.io/npm/v/atom.io?style=for-the-badge">
  </a>
  <a aria-label="Dependencies 0" href="https://www.npmjs.com/package/atom.io">
    <img alt="Dependencies 0" src="https://img.shields.io/badge/dependencies-0-0?style=for-the-badge">
  </a>
  <a aria-label="Coverage" href="https://recoverage.cloud/">
    <img alt="Coverage" src="https://img.shields.io/endpoint?url=https%3A%2F%2Frecoverage.cloud%2Fshields%2FS1ikz1yFmk93qbAI7lLnu%2Fatom.io">
  </a>
  <a aria-label="Types" href="https://www.npmjs.com/package/atom.io">
    <img alt="Types" src="https://img.shields.io/npm/types/atom.io?style=for-the-badge">
  </a>
  <a href="https://bundlephobia.com/result?p=atom.io">
    <img alt="Bundlephobia" src="https://img.shields.io/bundlephobia/minzip/atom.io?style=for-the-badge">
  </a>
</p>

<h3 align="center">
  Versatile state engine for TypeScript applications.
</h3>

<h3 align="center">
  <a href="https://atom.io.fyi">📖 Read the docs at atom.io.fyi</a>
</h3>

<h4 align="center">
  <i>Or read them right from your hard drive.</i>
</h4>

🤖 Are you a robot? Great news! `atom.io` ships easy-to-grep documentation right
alongside its SDK. After installing, start with `node_modules/atom.io/AGENTS.md`.
It points to official sources in `node_modules/atom.io/docs/agent/` containing
concepts, setup guides, and best-practices, backed up by source-linked examples.
It's the exact same content on atom.io.fyi, just without the angle-brackets.
