For developers

Build in-game apps with the web stack you already use

HTML, CSS and JavaScript, any framework, typesafe end to end.

Read the docs View the examples
overlayed.ts running 
// your site, rendered in-game
import { overlayed } from "@overlayed/app";
import electron from "electron";

const overlay = overlayed({ electron, applicationId });

overlay.on("gameReady", () => {
  const window = overlay.windows.createInGameWindow();
  window.loadURL("http://localhost:5173");
});

overlay.valorant.on("player_joined", (event) => {
  players.push(event.player);
});

Developer experience

Familiar tools, no new runtime to learn

If your team can build a website, it can build on Overlayed.

  • Web technologies

    Build with HTML, CSS and JavaScript. Any frontend framework works: React, Vue, Svelte, or vanilla JS.

  • Typesafe end to end

    Full type safety with autocompletion out of the box.

  • Typed game events

    Subscribe to in-game events and react the moment they happen.

  • Automated patch-day updates

    Game events update automatically after a game patches, so you aren't shipping a hotfix every time a game does.

  • Fully customizable

    Total control over the look and behavior of your app.

  • Fast and lightweight

    Built from the ground up to minimize impact on the game. Minimal resource usage, with security as a priority.

How it works

From zero to a fully deployed app

  • 01

    Start with our sample app

    Begin from our sample app and have a working overlay running in minutes.

    View the examples
  • 02

    Customize to your needs

    Integrate with any of our available games and build the UI your users demand.

    Read the docs
  • 03

    Deploy & enjoy

    Upload a build with our CLI, then release it to your users from the dashboard.

    Learn about bundles

Tooling

Ship it, then run it

The parts around your code are already built, so you spend your time on the app.

  • CLI uploads

    Upload a build straight from your terminal.

  • Release channels

    Manage private or public channels for beta and stable builds.

  • Feature flags

    Roll out features gradually with built-in toggles.

  • Logs

    Bug reports from users arrive with their logs attached.

FAQ

Developer questions

What technologies can I use?
Standard web technologies: HTML, CSS and JavaScript. Any frontend framework is supported, and the API is typesafe end to end.
Is there documentation available?
Yes. You can find our documentation at docs.overlayed.gg.
Which platforms are supported?
Overlayed supports Windows today. We're working on supporting other platforms in the future.
How can I get started?
Request access on our contact page, then start from the sample app.

Ready to build?

Read the docs to see how it fits together, or request access and start from the sample app.

Read the docs Request Access