Web3 Studio
Live HTML/CSS/JS Compiler
Live Sync Active
Download
(web3.html)
Editor
0 characters
<!DOCTYPE html> <html> <head> <style> body { font-family: sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background: linear-gradient(45deg, #f3f4f6, #e5e7eb); } .card { background: white; padding: 2rem; border-radius: 1rem; box-shadow: 0 10px 25px rgba(0,0,0,0.1); text-align: center; } h1 { color: #2563eb; } </style> </head> <body> <div class="card"> <h1>Hello Web3 World!</h1> <p>Edit the code on the left to see magic happen.</p> <button onclick="greet()">Click Me</button> </div> <script> function greet() { alert("Live preview working!"); } </script> </body> </html>
Live Preview
File saved