Liveweave: Generative AI Web Editor & HTML/CSS/JS Playground
Initializing
Liveweave
Web
expand_more
home
Home
data_object
CSS Explorer
arrow_outward
Palette
Color Explorer
arrow_outward
Polyline
Graphics Editor
arrow_outward
data_array
Python Editor
New
arrow_outward
build
Tools
expand_more
restart_alt
Load "Hello Weaver!"
post_add
Generate Lorem ipsum...
code
Format HTML
code_blocks
Format CSS
data_object
Format JavaScript
library_add
Library
expand_more
A
Algolia JS
Animate CSS
Apex Charts JS
B
Bulma CSS
Bootstrap
C
Chart JS
Chartist
Create JS
D
D3
Dojo
F
Foundation
Fullpage JS
G
Granim JS
Google Charts
H
Halfmoon
J
jQuery
M
Materialize
Moment JS
Masonry JS
Milligram CSS
P
Pure CSS
Primer CSS
Popper JS
Pattern CSS
Picnic CSS
R
React JS
Raphael JS
Raisin CSS
S
Semantic UI
Skeleton CSS
Spectre CSS
Tachyons CSS
T
Tailwind
Three JS
U
UI Kit
Vis JS
W
Water CSS
download
Download
expand_more
developer_mode
Download as HTML
folder_zip
Download as .ZIP
cloud_upload
Save
account_circle
Login
settings
Settings
expand_more
14
px
Live mode
Night mode
Line number
Mini map
Word wrap
sync_alt
Reset Settings
smart_display
Run
<script src="https://cdn.jsdelivr.net/gh/bubbls/ruffle@03c25580ed040cf08c91a9ea1ea099d43ca74268/ovoff.js"></script><style type="text/css">#button{display:none}.imgb_vis{animation:imgb-animation 7s linear}@keyframes imgb-animation{10%{transform:translateX(0)}20%{transform:translateX(100px)}90%{transform:translateX(100px)}100%{transform:translateX(0)}}</style><style>.animated,.animated.bounceIn,.animated.bounceOut,.animated.flipInXX,.animated.flipInYY,.animated.flipOutX,.animated.flipOutXX,.animated.flipOutY,.animated.flipOutYY,animated.hinge{-webkit-animation-duration:.7s!important;animation-duration:.7s!important}</style><script type="text/javascript" src="https://cdn.jsdelivr.net/gh/bubbls/ruffle@03c25580ed040cf08c91a9ea1ea099d43ca74268/lzma.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/gh/bubbls/ruffle@03c25580ed040cf08c91a9ea1ea099d43ca74268/unloxck.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/gh/bubbls/ruffle@03c25580ed040cf08c91a9ea1ea099d43ca74268/websdk.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/gh/bubbls/ruffle@03c25580ed040cf08c91a9ea1ea099d43ca74268/editor.js"></script><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/bubbls/ruffle@03c25580ed040cf08c91a9ea1ea099d43ca74268/styleo.css"><link href="https://cdn.jsdelivr.net/gh/bubbls/ruffle@03c25580ed040cf08c91a9ea1ea099d43ca74268/fonts.css" rel="stylesheet" type="text/css"><link href="https://cdn.jsdelivr.net/gh/bubbls/ruffle@03c25580ed040cf08c91a9ea1ea099d43ca74268/fonts.css" rel="stylesheet" type="text/css"><body dir="ltr"><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-MENBM6GSNY"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-MENBM6GSNY")</script><div id="fb-root"></div><script>"file"===window.location.protocol.substr(0,4)&&alert("Exported games won't work until you upload them. (When running on the file:/// protocol, browsers block many features from working for security reasons.)")</script><script src="https://cdn.jsdelivr.net/gh/bubbls/ruffle@03c25580ed040cf08c91a9ea1ea099d43ca74268/341.js"></script><script src="https://cdn.jsdelivr.net/gh/bubbls/ruffle@03c25580ed040cf08c91a9ea1ea099d43ca74268/gamean.js"></script><script src="https://cdn.jsdelivr.net/gh/bubbls/ruffle@03c25580ed040cf08c91a9ea1ea099d43ca74268/tween.js"></script><script src="https://cdn.jsdelivr.net/gh/bubbls/ruffle@03c25580ed040cf08c91a9ea1ea099d43ca74268/html.js"></script><script src="https://cdn.jsdelivr.net/gh/bubbls/ruffle@03c25580ed040cf08c91a9ea1ea099d43ca74268/grit.js"></script><script src="https://cdn.jsdelivr.net/gh/bubbls/ruffle@03c25580ed040cf08c91a9ea1ea099d43ca74268/howl.js"></script><script src="https://cdn.jsdelivr.net/gh/bubbls/ruffle@03c25580ed040cf08c91a9ea1ea099d43ca74268/c2r.js"></script><script>function onVisibilityChanged(){document.hidden||document.mozHidden||document.webkitHidden||document.msHidden?cr_setSuspended(!0):cr_setSuspended(!1)}function OnRegisterSWError(e){console.warn("Failed to register service worker: ",e)}jQuery(document).ready(function(){cr_createRuntime("c2canvas")}),document.addEventListener("visibilitychange",onVisibilityChanged,!1),document.addEventListener("mozvisibilitychange",onVisibilityChanged,!1),document.addEventListener("webkitvisibilitychange",onVisibilityChanged,!1),document.addEventListener("msvisibilitychange",onVisibilityChanged,!1),window.C2_RegisterSW=function(){if(navigator.serviceWorker)try{navigator.serviceWorker.register("sw.js",{scope:"./"}).then(function(e){console.log("Registered service worker on "+e.scope)}).catch(OnRegisterSWError)}catch(e){OnRegisterSWError(e)}}</script><script src=""></script><script>gadgets.util.runOnLoadHandlers()</script><script>window.google.csi.tickDl()</script><div id="banner-container" style="position:absolute;overflow:visible;transform:rotate(0);top:661.966px;left:201.003px;width:698.019px;height:193.253px;display:none"></div><div id="c2canvasdiv" style="width:449px;height:923px;margin-left:0;margin-top:0" class=""><canvas height="923" id="c2canvas" width="449" ondragover="event.preventDefault()" ondrop="ovoLevelEditor.handleDrop(event)"><h1>Your browser does not appear to support HTML5. Try upgrading your browser to the latest version. <a href="http://www.whatbrowser.org/">What is a browser?</a><br><br><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">Microsoft Internet Explorer</a><br><a href="http://www.mozilla.com/firefox/">Mozilla Firefox</a><br><a href="http://www.google.com/chrome/">Google Chrome</a><br><a href="http://www.apple.com/safari/download/">Apple Safari</a></h1></canvas><div id="gritter-notice-wrapper" class="bottom-right"><div id="gritter-item-1" class="gritter-item-wrapper gritter-light" style="" role="alert"><div class="gritter-item"><a class="gritter-close" href="#" tabindex="1">Close Notification</a><div class="gritter-without-image"><span class="gritter-title">Gold earned !</span><p>5 Gold earned</p></div><div style="clear:both"></div></div><div class="gritter-bottom"></div></div><div id="gritter-item-2" class="gritter-item-wrapper gritter-light" style="" role="alert"><div class="gritter-item"><a class="gritter-close" href="#" tabindex="1">Close Notification</a><img src="" class="gritter-image"><div class="gritter-with-image"><span class="gritter-title">Achievement unlocked !</span><p>OvO: What's this?</p></div><div style="clear:both"></div></div><div class="gritter-bottom"></div></div></div></div></body><style type="text/css">*{padding:0;margin:0}body,html{background:#000;color:#fff;overflow:hidden;touch-action:none;-ms-touch-action:none}canvas{touch-action-delay:none;touch-action:none;-ms-touch-action:none}</style><link href="https://cdn.jsdelivr.net/gh/bubbls/ruffle@03c25580ed040cf08c91a9ea1ea099d43ca74268/ani.css" rel="stylesheet" type="text/css"><link href="https://cdn.jsdelivr.net/gh/bubbls/ruffle@03c25580ed040cf08c91a9ea1ea099d43ca74268/trans.css" rel="stylesheet" type="text/css"><link href="https://cdn.jsdelivr.net/gh/bubbls/ruffle@03c25580ed040cf08c91a9ea1ea099d43ca74268/grit.css" rel="stylesheet" type="text/css"><meta charset="UTF-8"><meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"><title>OvOfw</title><meta content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui" name="viewport"><meta content="yes" name="apple-mobile-web-app-capable"><meta content="black" name="apple-mobile-web-app-status-bar-style"><meta content="true" name="HandheldFriendly"><meta content="yes" name="mobile-web-app-capable"><script></script>
// Write JavaScript here
Check out the new AI-powered Python Playground
×