index.html

---
layout: page
title: Defold - Official Homepage - Cross platform game engine
nav: floating
heatmap: false
---

<div class="section narrow lightest-text" style="background-image:  url('/images/frontpage/voidscrappers.jpg'); background-blend-mode: darken; background-color: rgb(0,0,0,0.5); background-position: top;">
	<div class="container">
		<div class="row center">
			<div class="columns twelve">
				<br/>
				<br/>
				<img src="/images/logo/defold/logo_with_text/logo-ver-classic-white-160.png" alt="Defold Logo"/>
				<br/>
				<br/>
				<h1 class="textshadow"><b>The game engine for high-performance cross-platform games</b></h1>
				<br/>
				<br/>
				<br/>
			</div>
		</div>
		<div class="row center">
			<div class="columns three">
				<a href="#free-forever"><h4 class="textshadow"><b>Free.</br>Forever.</b></h4></a>
				<a href="#free-forever"><img src="/images/icons/down-arrow.svg" width="20%"/></a>
				<br/>
				<br/>
			</div>
			<div class="columns three">
				<a href="#production-ready"><h4 class="textshadow"><b>Production</br>ready</b></h4></a>
				<a href="#production-ready"><img src="/images/icons/down-arrow.svg" width="20%"/></a>
				<br/>
				<br/>
			</div>
			<div class="columns three">
				<a href="#cross-platform"><h4 class="textshadow"><b>Cross</br>platform</b></h4></a>
				<a href="#cross-platform"><img src="/images/icons/down-arrow.svg" width="20%"/></a>
				<br/>
				<br/>
			</div>
			<div class="columns three">
				<a href="/open"><h4 class="textshadow"><b>Source</br>available</b></h4></a>
				<a href="/open"><img src="/images/icons/down-arrow.svg" width="20%"/></a>
				<br/>
				<br/>
			</div>
		</div>
	</div>
	<div class="right narrow lighter-text">
		<a href="https://store.steampowered.com/app/2005210/Void_Scrappers/" target="_blank" style="text-decoration: none;"><p style="margin-right: 5em;">Void Scrappers - 8BitSkull</p></a>
	</div>
</div>

{%- assign news = site.data.news | where: "show", true -%}
{%- if news.size > 0 -%}
<div class="section">
	<div class="container">
		{%- for n in news -%}
		{%- assign title = n.title -%}
		{%- assign body = n.body -%}
		{%- assign url = n.url -%}
		{%- assign icon = n.icon -%}
		{%- assign topicon = n.topicon -%}
		{%- assign banner = n.banner -%}
		<div class="row">
			<div class="columns twelve dark-text">
			{% include card.html title=title body=body link=url topicon=topicon icon=icon banner=banner %}
			</div>
		</div>
		{%- endfor -%}
	</div>
</div>
{%- endif -%}

<!--
<div class="section">
	<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="Free to use - always!" body="Defold is, and will always remain, completely free to use with a developer-friendly license for both personal and commercial use.<br/><p style='text-decoration:underline;'>Learn more</p>" link="/open" min-height="225px" zoom="0.5" topicon="/images/icons/ic-64-box.svg" banner="SOURCE&nbsp;AVAILABLE!" topicon_alt="An open box" %}

					{% include card.html title="Games" body="Defold is used by professional game developers and hobbyists all over the world. It’s a proven tool for games of all genres.<br/><p style='text-decoration:underline;'>Learn more</p>" link="/showcase" min-height="225px" zoom="0.5" topicon="/images/icons/ic-64-rocket.svg" topicon_alt="A rocket" %}

					{% include card.html title="Performance first" body="Built from the ground up with a clear focus on performance. Spend time making games, not waiting for builds.<br/><p style='text-decoration:underline;'>Learn more</p>" link="/product" min-height="225px" zoom="0.5" topicon="/images/icons/ic-64-performance.svg" topicon_alt="A gauge at full throttle" %}
				</div>
			</div>
		</div>
	</div>
</div>
-->

{% include features_section.html %}

{%- include games_full.html placement="frontpage" limit=1 offset=0 url="/showcase" -%}

<div class="section narrow center">
	<div class="container">
		<div class="row">
			<div>
				{% include primary_button.html link="/showcase" text="More games made with Defold" %}
			</div>
		</div>
	</div>
</div>

{% include news_and_blog_section.html %}

{% include learn_section.html %}

<div class="section hero center blackwhite" style='background-image: url("/images/hero/grey-patchwork.svg");'>
	<div class="container">
		<div class="row">
			<div>
				<img src="/images/game-art-center.png" alt="Art from various Defold games" loading="lazy"/>
				<br/>
				<br/>
				<h2>Ready to create something awesome?</h2>
				<br/>
				{% include primary_button.html link="/download" text="Download for free" %}
				<br/>
				<br/>
			</div>
		</div>
	</div>
</div>

{% include donors_and_partners.html %}

<script src="/js/transition.js"></script>