Console
Preview
✦
AI Chat
Bootstrap Playground
Save
Import from AI
Import
Share
Publish
Sign In
Sign Up
FILES
src
style.css
index.html
Items: 0
NPM PACKAGES
Items: 0
AI Chat
Attach
Gemini 3 Flash
Chat Options
Web View
1
My Projects
Account
Project
Share
Project settings
Preferences
Theme
PlayCode.io
Help
Quick Actions...
⌘+k
Sign In...
Sign Up...
New project...
Clone
Archive
Download
Rename
Save
Publish
Copy Link
Copy Published URL
Share to Web
Allow Editing
Favorite
Default Project
Live Reload
SPA Mode
Live View Delay
Loop Protection
Versions
Production Build
New Version
v1 (Production)
Minify
Keep Names
Tree Shaking
View
AI Model
Preview Run on Opening
Preview Zoom
Preview Background (White)
Font Size
Tab Size
Tabs for Indent
Line Wrap
Hard Wrap Column
Formatter Semicolons
Single Quotes
Line Numbers
Minimap
Syntax Validation
Autocompletion
Hover Information
Emmet
Keymap
Clear Cache & Reload
Sidebar
⌘+b
Console
⌘+j
Web View
⌘+⇧+v
AI Chat
⌘+⇧+c
Gemini 3 Flash
GPT-5.2 Codex
Claude Sonnet 4.5
Claude Opus 4.5
Claude Haiku 4.5
Grok 4.1 Fast Reasoning
Grok 4.1 Fast
Grok Code Fast
Gemini 3 Pro
Default
Vim
System
Light
Blue
Gray
Dark
Online Chat
Help & Support
Report Abuse
Report a Bug
Roadmap
Changelog
Keyboard Shortcuts
Privacy Policy
Social
PlayCode v2026.4.112
Discord
X / Twitter
Project Name
Folder
No folder (Root)
No Data
Cancel
Save
Using ChatGPT, Gemini, or Grok?
Import code from your favorite AI assistant in 3 simple steps
ChatGPT
Gemini
Grok
Any AI
1
Copy your project
?
Copy
2
Paste AI response
?
Paste
3
Apply changes
?
Apply
Something broke? No worries:
Undo
Redo
5/5
imports remaining today
(Pro = unlimited)
or skip the copy-paste
Use built-in AI
No copy-paste needed. AI sees all your files.
Project Not Saved
Save your project first to share it with others.
Save Project
Deployment
Publish
http://bootstrap.playcode.io
Custom Subdomain
PRO
.playcode.io
Custom Domains
PRO
Add custom domain
Need help to setup custom domain?
Click here
.
What are you working on right now?
Testing code from ChatGPT/AI
Learning JavaScript/programming
Building a quick prototype
Debugging/fixing something
Teaching or creating a demo
Something else
Ruslan
Founder of PlayCode
Open
Production
Delete
Add Images
For your website. AI sees path only.
Add Files
For your website. AI sees path only.
History
No history yet
Rename Chat
Delete Chat
HTML Pages
index.html
/index.html
Zoom
White Background