---
updatedAt: 2026-01-19T08:54:19.000Z
agentTools:
  projectIndex: https://docs.pley.com/llms.txt
---

# Starting with Pley

By Developers, For Developers.

Pley makes it effortless to bring your mobile game to the web — no extra costs, no added complexity. Keep building your game as usual; Pley handles everything else. Asset deliver, web compatibility, high-performance, payments, ads, account systems and login; all handled by Pley.

With a single integration, your game runs seamlessly on desktop and mobile browsers, and is instantly ready for distribution across multiple web platforms — including your own site, CrazyGames, Discord, and more. No need to manage multiple SDKs or upload builds to different channels.

Pley runs any distribution SDKs, so you or your game doesn’t have to. That means you can scale through web without changing your tech stack, team, or workflows.

<br />

**Tutorials**. Hand-on introduction for developers to begin using Pley's tools.

**How-To**. Step-by-step guides for key tasks and feature implementations.

**Product Information**. Explains how Pley's products and systems work, their intended use, and discussions of other key topics.

**References**.  Technical reference. Covers APIs, tools, and other technical resources.

<HTMLBlock>{`
<a class="button" href="https://docs.pley.com/docs/mobile-to-web#">Tutorials</a>
<a class="button" href="https://docs.pley.com/docs/implementing-auth#">How-To</a>
<a class="button" href="https://docs.pley.com/docs/about#">Information</a>
<a class="button" href="https://docs.pley.com/docs/api-references#">API References</a>

<style>
a.button {
  background: linear-gradient(to right, #ff5824, #ff7458);
  color: #fff;
  font-family: 'Tahoma', sans-serif;
  font-size: 18px;
   text-decoration: none !important; /* Ensures no underline */
  padding: 12px 24px;
  border: none;
  border-radius: 12px;
  display: inline-block;
  margin: 20px 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
}

a.button:hover {
  background: linear-gradient(0deg, #ff2432, #ff7458);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
  transform: scale(1.05);
  text-decoration: none;
}

a.button:active {
  transform: scale(0.95);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
</style>
`}</HTMLBlock>

Read more about what Pley does at [pley.com](https://www.pley.com/)!

## Essentials How-to's

Here are quick links to the essential implementation how-to's.

<HTMLBlock>{`
<a class="professional-button" href="https://docs.pley.com/docs/implementing-auth">Authentication</a>
<a class="professional-button" href="https://docs.pley.com/docs/implementing-connect">Account Linking</a>
<a class="professional-button" href="https://docs.pley.com/docs/implementing-payments">Payments</a>
<a class="professional-button" href="https://docs.pley.com/docs/implementing-ads">Rewarded Ads</a>
<a class="professional-button" href="https://docs.pley.com/docs/launching-on-a-pley-gamsite">Game Website</a>
<a class="professional-button" href="https://docs.pley.com/docs/game-analytics">Analytics</a>
<a class="professional-button" href="https://docs.pley.com/docs/how-to-setup-conversions-api">Setup Meta Campaigns</a>
<a class="professional-button" href="https://content-cfront.pley.com/references/v1/sdk-unity/latest/api/Pley.html">Unity C# API</a>
<a class="professional-button" href="https://docs.pley.com/docs/browser-support">Browser Support</a>
<a class="professional-button" href="https://docs.pley.com/docs/continuous-integration">Integrate CI/CD</a>
<a class="professional-button" href="https://manage.pley.com/org/demos/downloads">Download SDK</a>

<style>
a.professional-button {
  background-color: #f7f7f7; /* Neutral background */
  color: #333 !important; /* Darker text for readability */
  font-family: 'Arial', sans-serif; /* Clean font choice */
  font-size: 12px; /* Slightly larger for clarity */
  font-weight: 600; /* Semi-bold for emphasis */
  text-decoration: none !important; /* Ensures no underline */
  padding: 8px 15px; /* Balanced spacing */
  border: 1px solid #ddd; /* Subtle border for definition */
  border-radius: 6px; /* Slightly rounded corners for a modern look */
  display: inline-block;
  margin: 10px; /* Consistent spacing between buttons */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
  transition: all 0.2s ease; /* Smooth transition for interactions */
}

a.professional-button:hover {
  background-color: #e9e9e9; /* Slight hover change */
  color: #000; /* Darker text on hover */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Enhanced shadow on hover */
  border-color: #ccc; /* Slightly darker border */
  text-decoration: none; /* Ensure no underline */
}

a.professional-button:active {
  transform: scale(0.98); /* Subtle click feedback */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Reduced shadow on click */
}
</style>
`}</HTMLBlock>

<br />

## Product Information

Here are quick links to the core features, how they work, and background information.

<HTMLBlock>{`
<a class="professional-button" href="https://docs.pley.com/docs/monetization">Monetization</a>
<a class="professional-button" href="https://docs.pley.com/docs/analytics">Analytics on Pley</a>
<a class="professional-button" href="https://docs.pley.com/docs/authentication">Authentication for Games</a>
<a class="professional-button" href="https://docs.pley.com/docs/authentication">Authentication for Destinations</a>
<a class="professional-button" href="https://docs.pley.com/docs/monetization">How Payments Work</a>
<a class="professional-button" href="https://docs.pley.com/docs/pley-connect">What is Pley Connect?</a>
<a class="professional-button" href="https://docs.pley.com/docs/launching-on-a-pley-gamsite">Pley Gamesite</a>
<a class="professional-button" href="https://docs.pley.com/docs/launching-on-discord-activities">Launch on Discord</a>
<a class="professional-button" href="https://docs.pley.com/docs/crazy-games">Launch on Crazy Games</a>
<a class="professional-button" href="https://docs.pley.com/docs/launching-on-headless-web-destination">Build a Web Gaming Destination</a>
<a class="professional-button" href="https://docs.pley.com/docs/performancekit">Build Processing</a>
<a class="professional-button" href="https://docs.pley.com/docs/release-tracks">Release Tracks</a>

<style>
a.professional-button {
  background-color: #f7f7f7; /* Neutral background */
  color: #333 !important; /* Darker text for readability */
  font-family: 'Arial', sans-serif; /* Clean font choice */
  font-size: 12px; /* Slightly larger for clarity */
  font-weight: 600; /* Semi-bold for emphasis */
  text-decoration: none !important; /* Ensures no underline */
  padding: 8px 15px; /* Balanced spacing */
  border: 1px solid #ddd; /* Subtle border for definition */
  border-radius: 6px; /* Slightly rounded corners for a modern look */
  display: inline-block;
  margin: 10px; /* Consistent spacing between buttons */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
  transition: all 0.2s ease; /* Smooth transition for interactions */
}

a.professional-button:hover {
  background-color: #e9e9e9; /* Slight hover change */
  color: #000; /* Darker text on hover */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Enhanced shadow on hover */
  border-color: #ccc; /* Slightly darker border */
  text-decoration: none; /* Ensure no underline */
}

a.professional-button:active {
  transform: scale(0.98); /* Subtle click feedback */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Reduced shadow on click */
}
</style>
`}</HTMLBlock>