Help Center
Find answers to common questions and learn how to use PlayCode
Frequently Read Articles
What is PlayCode
PlayCode is an online JavaScript playground for creating React, Vue, TypeScript, Three.js, and more. Fast, zero setup, with built-in hosting.
AI Coding Agent
Get started with the AI Coding Agent in PlayCode. Write, edit, and understand code with AI assistance. Choose from 12+ models.
Agent Modes: Ask, Plan & Agent
Learn about the three AI Agent modes in PlayCode: Ask Mode for questions, Plan Mode for creating implementation plans, and Agent Mode for autonomous coding.
Memory Records
Learn how to use Memory Records to help the AI assistant remember your preferences, coding patterns, and instructions across all projects.
Organize Projects with Folders
Learn how to organize your projects using folders. Create nested folders, move projects between folders, and keep your workspace tidy.
How do I publish a website?
Learn how to publish your PlayCode project to the web. Step-by-step guide to sharing your website online.
How to add NPM packages
Learn how to install and manage NPM packages in PlayCode. Add React, Vue, or any package from NPM.
How to open terminal
PlayCode does not have a terminal. Learn how to manage packages using the NPM Packages UI instead.
How to change subdomain name
Learn how to customize your PlayCode project subdomain. Change from a numeric ID to a memorable custom name.
Adding a custom domain
Connect your own domain to your PlayCode project. Learn how to configure DNS settings and set up CNAME records.
How to make a project private
Learn how to make your PlayCode project private. Keep your source code hidden while your published website remains accessible.
Understanding Project Limits
Learn about the 3-project limit for free accounts, what counts as a project, and how grandfathering works.
Missing Projects After Update
Troubleshooting guide if you cannot see your projects after a PlayCode update
Billing & Subscription Overview
Learn about PlayCode pricing, free vs Pro features, and how subscriptions work.
AI Credits Balance
Learn how AI credits work in PlayCode. Manage your balance, understand pricing, and get bonus credits with your Pro subscription.
How to Add Balance
Learn how to top up your AI credits balance in PlayCode. Manual top-up, smart charging, and payment methods explained.
Browse All Categories
Quick Start
How to use PlayCode
What is PlayCode
PlayCode is an online JavaScript playground for creating React, Vue, TypeScript, Three.js, and more. Fast, zero setup, with built-in hosting.
AI Coding Agent
Get started with the AI Coding Agent in PlayCode. Write, edit, and understand code with AI assistance. Choose from 12+ models.
Agent Modes: Ask, Plan & Agent
Learn about the three AI Agent modes in PlayCode: Ask Mode for questions, Plan Mode for creating implementation plans, and Agent Mode for autonomous coding.
Memory Records
Learn how to use Memory Records to help the AI assistant remember your preferences, coding patterns, and instructions across all projects.
How do I publish a website?
Learn how to publish your PlayCode project to the web. Step-by-step guide to sharing your website online.
How to add NPM packages
Learn how to install and manage NPM packages in PlayCode. Add React, Vue, or any package from NPM.
How to open terminal
PlayCode does not have a terminal. Learn how to manage packages using the NPM Packages UI instead.
Preview
Run project, hard restart, freezing, live view, etc.
How to run code
Learn how code runs automatically in PlayCode and how to manually control execution.
Project stuck or showing spinner
Troubleshoot when your project won't run or shows an endless spinner.
Project freezing on opening
Fix projects that freeze your browser when you open them due to infinite loops or recursion.
Editor
Editor settings: font-size, loop protection, vim mode, etc.
Projects
Privacy, save, delete, share
Organize Projects with Folders
Learn how to organize your projects using folders. Create nested folders, move projects between folders, and keep your workspace tidy.
How to make a project private
Learn how to make your PlayCode project private. Keep your source code hidden while your published website remains accessible.
Understanding Project Limits
Learn about the 3-project limit for free accounts, what counts as a project, and how grandfathering works.
Missing Projects After Update
Troubleshooting guide if you cannot see your projects after a PlayCode update
How to share a project
Learn how to share your PlayCode project with others for viewing or editing. Perfect for collaboration, interviews, and pair programming.
SPA Mode (Single Page Application)
Learn when to enable SPA Mode for React Router and other single-page applications.
How to change your email
Learn how to update your PlayCode account email address with two-step verification
How to delete your account
Learn how to permanently delete your PlayCode account and all associated data
Billing
Cancel subscription, update billing info, set Tax ID, etc.
Billing & Subscription Overview
Learn about PlayCode pricing, free vs Pro features, and how subscriptions work.
AI Credits Balance
Learn how AI credits work in PlayCode. Manage your balance, understand pricing, and get bonus credits with your Pro subscription.
How to Add Balance
Learn how to top up your AI credits balance in PlayCode. Manual top-up, smart charging, and payment methods explained.
How Auto-Recharge Works
Set up automatic balance top-ups in PlayCode. Never run out of AI credits with smart auto-recharge settings and monthly limits.
Managing Your PlayCode Subscription
Learn how to cancel, reactivate, switch plans, update payment methods, and manage your PlayCode subscription.
How to cancel subscription
Learn how to cancel your PlayCode Pro subscription through the billing page.
What Happens When You Downgrade to Free
Learn what happens when you cancel PlayCode Pro and downgrade to a free account, including the grandfathering policy.
How to add Tax ID
Learn how to add your Tax ID to your PlayCode billing information.
Build & Deploy
Publishing, hosting, and deployment
How to change subdomain name
Learn how to customize your PlayCode project subdomain. Change from a numeric ID to a memorable custom name.
Adding a custom domain
Connect your own domain to your PlayCode project. Learn how to configure DNS settings and set up CNAME records.
Bundle configuration
Learn how to configure build settings using playcode.config.json. Control minification, tree shaking, and other esbuild options.
Using the Public Folder
Learn how to use the public folder in PlayCode to store static files that work in both preview and published sites.
Policy
Privacy policy, terms of service
Not finding what you're looking for?
Chat with us or send us an email.