> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.templated.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Using the Playground

# Using the Playground

The **Playground** is an interactive tool to test your templates, generate sample code, and preview renders before integrating with your application.

## Accessing the Playground

1. Go to [https://app.templated.io/playground](https://app.templated.io/playground)
2. Select a template from the dropdown
3. Start experimenting!

## Features

### 1. Layer Editor
* See all layers in your template
* Modify text, colors, and image URLs
* Changes update the code sample in real-time

### 2. Code Generation
Generate ready-to-use code in multiple languages:
* **JavaScript** (fetch)
* **Python** (requests)
* **PHP**
* **cURL**
* **Java**

### 3. Live Preview
* Click **Generate Render** to create a test render
* Preview the result directly in the Playground
* Download or copy the render URL

### 4. Format Options
* Choose output format: JPG, PNG, WebP, PDF, MP4
* Toggle transparent background (PNG)
* Set PDF options (CMYK, flatten)
* Configure video duration and FPS

## Example Workflow

1. **Select** your template
2. **Fill in** sample layer values (e.g., change the title text)
3. **Copy** the generated code
4. **Test** by clicking Generate Render
5. **Integrate** the code into your application

## Tips

* Use the Playground to verify layer names before coding
* Test different formats to see quality differences
* The Playground uses your real API credits, so use it wisely
* Access directly with a template: `https://app.templated.io/playground?template=YOUR_TEMPLATE_ID`