Animated Code Editor
HTML
CSS
JavaScript
Run
Save Local
Load Local
Clear
Code Editor
HTML
<!DOCTYPE html> <html> <head> <title>My Page</title> <style> body { font-family: Arial, sans-serif; background: linear-gradient(135deg, #667eea, #764ba2); color: white; text-align: center; padding: 50px; } h1 { font-size: 3rem; margin-bottom: 20px; } p { font-size: 1.2rem; max-width: 600px; margin: 0 auto; } </style> </head> <body> <h1>Welcome to My Page</h1> <p>This is a sample page created with the code editor. Try editing the code and see the changes in real-time!</p> <script> console.log('Hello from the editor!'); </script> </body> </html>
Preview