Fully transparent – build on top if needed

<p>Play with feature toggles and preview the basic capabilities of Unleash using a demo application and the Unleash demo instance.</p>
<p>The demo web application has several features that are protected by feature toggles, and you can enable/disable each of them in the Unleash demo instance.</p>
<h3>Run the Unleash Demo</h3>
<table style="width: 100%;">
<tbody>
<tr>
<td style="width: 45%;"><img loading="lazy" class="alignnone wp-image-1449 size-medium" src="https://cdn.getunleash.io/uploads/2021/08/demo-app-300x214.png" alt="illustration of Unleash demo app" width="300" height="214" srcset="https://cdn.getunleash.io/uploads/2021/08/demo-app-300x214.png 300w, https://cdn.getunleash.io/uploads/2021/08/demo-app-768x548.png 768w, https://cdn.getunleash.io/uploads/2021/08/demo-app.png 897w" sizes="(max-width: 300px) 100vw, 300px" /></td>
<td style="width: 10%;"></td>
<td style="width: 45%;"><img loading="lazy" class="alignnone wp-image-1451 size-medium" src="https://cdn.getunleash.io/uploads/2021/12/Unleash_instance-1-300x201.png" alt="Unleash Demo Instance" width="300" height="201" /></td>
</tr>
<tr>
<td style="font-size: 16px; width: 45%;">Open the web application connected to the Unleash demo, to preview changes when you turn features on/off.</td>
<td style="width: 10%; height: 100px;"></td>
<td style="font-size: 16px; width: 45%;">Open the Unleash demo instance to turn features toggle on/off in the web application.</td>
</tr>
<tr>
<td style="font-size: 16px; background-color: #1a4049; padding-top: 20px; padding-bottom: 20px; text-align: center;"><a style="color: #ffffff;" href="http://demo.unleash-hosted.com/" target="_blank" rel="noopener">OPEN LIVE PREVIEW </a></td>
<td style="width: 20px;"></td>
<td style="font-size: 16px; background-color: #1a4049; padding-top: 20px; padding-bottom: 20px; text-align: center;"><a style="color: #ffffff;" href="https://app.unleash-hosted.com/demo/projects/demo-app?sort=createdAt&amp;columns=lastSeenAt%2Ctype%2CcreatedAt%2Cenvironments.default" target="_blank" rel="noopener">OPEN UNLEASH DEMO</a></td>
</tr>
</tbody>
</table>
<h3>Connect to your own instance</h3>
<p>You can also connect your application to the demo instance. Read more in the quick guide.</p>
<table style="width: 100%;">
<tbody>
<tr>
<td style="width: 30%;"></td>
<td style="font-size: 16px; width: 40%; background-color: #817afe; text-align: center; padding-top: 20px; padding-bottom: 20px;"><a style="color: #ffffff;" href="https://docs.getunleash.io/user_guide/quickstart">QUICK GUIDE</a></td>
<td style="width: 30%;"></td>
</tr>
</tbody>
</table>



Open the web application connected to the Unleash demo, to preview changes when you turn features on/off.		Open the Unleash demo instance to turn features toggle on/off in the web application.
OPEN LIVE PREVIEW		OPEN UNLEASH DEMO