PLAYGROUND
⬇ Download
🤖 AI
☀️
HTML
CSS
JS
Live
<section class="hero"> <h1>Build something beautiful.</h1> <p>Edit the code and see the result instantly.</p> <button class="btn" onclick="sayHello()">Click Me</button> </section>
body { margin: 0; min-height: 100vh; display: grid; place-items: center; font-family: Arial, sans-serif; background: linear-gradient(135deg, #f5f0eb, #e8ddd0); } .hero { text-align: center; padding: 40px; } h1 { font-size: 2.5rem; color: #1a1612; } .btn { padding: 12px 24px; border: none; background: #d4a373; color: #fff; border-radius: 10px; cursor: pointer; }
function sayHello() { alert('Welcome to Ayoub Playground!'); }
Preview
Live preview
🔄 Refresh
AI Assistant
Clear
AI
Hey! I can help with HTML, CSS, or JS. Ask me anything.
Review code
Animation
Fix errors
➤
