Material UI Playground
Unsaved
Material UI Playground
Preview
✦
AI Chat
✦
Chat
Preview
Share
Publish
Sign In
Sign Up
Chats
Files
New Chat
No chats yet
FILES
src
App.jsx
index.jsx
index.html
package.json
Items: 0
NPM PACKAGES
react
18.3.1
react-dom
18.3.1
@mui/material
5.14.0
@emotion/react
11.11.0
@emotion/styled
11.11.0
Items: 0
AI Chat
Untitled
What are we building today?
Describe the site or change you want - the preview updates live.
Visual edits
Economy
Build a landing page for my business
A portfolio site with a contact form
An online store for a small brand
Preview
My Projects
New project...
Rename project
Checkpoints
Share project…
Console
⌘+j
Project
Preferences
Appearance
Help
Quick Actions...
⌘K
Sign In
Sign Up
Save checkpoint
Checkpoint 1 (Default)
How it works
Remix this project
Add backend (Cloud)
Archive
Download
Import from AI
Save
Publish
Project settings
Playcode watermark
Default Project
Live Reload
SPA Mode
Live View Delay
Loop Protection
Production Build
Minify
Keep Names
Tree Shaking
View
AI Model
Transcription
Preview
Editor
Code Style
Code Assist
Keymap
Language
Clear Cache & Reload
Sidebar
⌘+b
Console
⌘+j
Preview
⌘+⇧+v
AI Chat
⌘+⇧+c
Default Mode
Default Effort
Default Context
Economy Model (Fast)
Quality Model (Pro)
Ultra Model (Ultra)
Economy (Fast)
Premium (Pro)
Ultra
Low
Medium
High
Extra High
Max
Low
Medium
High
Extra High
Max
Gemini 3 Flash
GLM 5.2
DeepSeek V4 Pro
GPT-5.6 Sol
Claude Sonnet 5
Grok 4.5
Claude Opus 4.6
Claude Opus 4.8
Claude Fable 5
Language
Auto-send voice messages
Auto-detect
English
Russian
Spanish
Portuguese
German
French
Turkish
Japanese
Korean
Italian
Preview Run on Opening
Preview Zoom
Preview Background (White)
Font Size
Tab Size
Line Numbers
Minimap
Line Wrap
Hard Wrap Column
Tabs for Indent
Formatter Semicolons
Single Quotes
Syntax Validation
Autocompletion
Hover Information
Emmet
Default
Vim
🇺🇸 English
🇪🇸 Español
🇧🇷 Português
🇩🇪 Deutsch
🇫🇷 Français
🇹🇷 Türkçe
🇷🇺 Русский
🇯🇵 日本語
🇰🇷 한국어
🇮🇹 Italiano
System
Light
Blue
Gray
Dark
Hire an Expert
Online Chat
Help & Support
Report Abuse
Report a Bug
Roadmap
Changelog
Keyboard Shortcuts
Privacy Policy
Social
Playcode v2026.7.462
Discord
X / Twitter
Share
Publish
Project Not Saved
Save your project first to share it with others.
Save Project
Deployment
Publish
Custom Subdomain
PRO
.playcode.io
Custom Domains
PRO
Add custom domain
Help with custom domains
Open
Default
Delete
Add Images
AI can see and analyze images
Add Files
PDFs, images, and archives (zip, tar.gz)
Add Videos
Use on your site. AI won't watch them.
No chats yet
HTML Pages
index.html
/index.html
Zoom
White Background