instant-games.html

---
layout: page
title: Create Instant Games with Defold
description: Defold is the full-featured, turn-key solution capable of building fast, lightweight HTML5 games
nav: floating
background: /images/hero/bg-hero.svg
---

<div class="section narrow lightest-text">
	<div class="container">
		<div class="row center">
			<div>
				<img src="/images/logo/defold/logo/logo-ver-classic-white-160.png" alt="Defold Logo with Text"/>
				<br/>
				<br/>
				<h1>Create Instant Games with Defold</h1>
				<p>Defold is the full-featured, turn-key solution capable of building fast, lightweight HTML5 games.</p>
				<br/>
				{% include primary_button.html link="/manuals/instant-games" text="View manual" %}
				<br/>
				<br/>
				<br/>
			</div>
		</div>
	</div>

	<div class="container">
		<div class="row">
			<div class="columns twelve dark-text">
				<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-gap: 2rem; padding: 0px;">
					{% include card.html title="Tiny engine" body="Tiny engine footprint below 700 kB and OTA functionality enables instant startup times with content loading when needed.<br/><p style='text-decoration:underline;'>Learn more</p>" link="/product" min-height="225px" zoom="0.5" topicon="/images/icons/ic-64-feather.svg" topicon_alt="A feather" %}

					{% include card.html title="Games for everyone" body="Defold’s focus on performance makes games accessible to everyone, regardless of which device they are on.<br/><p style='text-decoration:underline;'>Learn more</p>" link="/product" min-height="225px" zoom="0.5" topicon="/images/icons/ic-64-community.svg" topicon_alt="Cheering characters" %}

					{% include card.html title="Instant Games" body="Defold has full support for the Instant Games API, and is fully compatible with all Facebook game platforms.<br/><p style='text-decoration:underline;'>Learn more</p>" link="/manuals/instant-games" min-height="225px" zoom="0.5" topicon="/images/icons/ic-64-rocket.svg" topicon_alt="A rocket" %}
				</div>
			</div>
		</div>
	</div>
</div>

<div class="section hero lightest-text" style='background-image: url("/images/hero/bg-xoxo.svg"); margin-bottom: 0; padding-bottom: 0'>
	<div class="container">
		<div class="row">
			<div class="column one-half center">
				<img src="/images/logo/others/xoxo_logo.svg"/>
				<br/>
				<br/>
				<p>XOXO is a fully-featured Facebook Instant Game example, made with Defold. Download it for free, if you’re the “learning-by-doing” type of person.</p>
				{% include primary_button.html link="https://github.com/defold/extension-fbinstant/#tic-tac-toe-example" text="View source on GitHub" %}
			</div>
			<div class="column one-half center">
				<img src="/images/xoxo1.png" style="vertical-align: bottom;"/>
			</div>
		</div>
	</div>
</div>

{% include features_section.html %}

{% include yellow_download_section.html %}