Ready Codes
24 bite-sized examples. Copy code or load it into the live playground.
Practice Playground
Edit HTML, CSS and JavaScript below. The live result appears above the editors.
Live resultPreview is sandboxed from the rest of this page
Code editorChanges update automatically
HTML
Scroll horizontally or vertically when code extends beyond the editor.
CSS
Horizontal + vertical scrolling enabled.
JavaScript
Horizontal + vertical scrolling enabled.
Tip: Use Run code after editing. This page and its examples work without internet because they use no external fonts, scripts, frameworks, or APIs. Code you write may still need internet if your own project calls an online service.