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
- Go to https://app.templated.io/playground
- Select a template from the dropdown
- 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
- Select your template
- Fill in sample layer values (e.g., change the title text)
- Copy the generated code
- Test by clicking Generate Render
- 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
Updated on: 11/01/2026
Thank you!