All HTML guides

What a PWA is, what one HTML file can and cannot do, and the manifest and service worker you add to make it installable and offline. Live demos and code.

Draw a Chart.js chart in a single HTML file with one script tag and a canvas. Live examples to edit, fixes for common errors, and how to share the chart as a link.

Run three.js in a single HTML5 file with an import map and a module script. A live spinning cube, an orbit viewer, and fixes for black, stretched or blank scenes.

Run Material UI in one HTML file with no build step: an import map, React from jsDelivr and real MUI components. Live examples, common mistakes and how to share it.

Run Chakra UI 3 in a single HTML file: an import map, React from jsDelivr and a ChakraProvider. Live examples, the blank-page fixes, and how to share it as a link.

Add your own HTML, CSS and JavaScript to Google Sites with Insert, Embed, Embed code. A snippet that works, a checker for common mistakes, and how to share it.

Put the .wasm bytes inside the page and WebAssembly runs from a single HTML file, with no fetch and no server. Live examples, common errors and sharing.

What an API means in browser JavaScript, the smallest HTML page that uses one, how to read data from a server API with fetch, and fixes for the usual errors.

How dash.html maps to real HTML tags, why a Dash app needs a Python server, and how to rebuild a small app as one HTML file with Plotly.js. Live examples.

Run p5.js samples from one HTML file: a script tag, setup() and draw(). Live sketches to edit, short samples to paste, fixes for blank canvases, and a share link.

Animate an SVG inside a single HTML file with CSS, SMIL or GSAP. Live examples to edit, fixes for shapes that spin around the corner, and how to share it as a link.

Run Vue 3 from a single HTML file with one script tag and no build step. A live example to edit, the in-DOM template mistakes, and how to share it as a link.

Add your own HTML, CSS and JavaScript to Webflow with the Code Embed element. A snippet that works, why scripts stay blank on the canvas, and a checker for mistakes.

Use GSAP in a single HTML file with one script tag. Live examples of a tween, a timeline and ScrollTrigger, plus fixes for "gsap is not defined" and silent tweens.

Turn a Jupyter notebook into one HTML file with nbconvert. The command, what goes inside the file, live examples, the key flags and fixes for broken images.

Alpine.js adds state and behaviour to plain HTML with attributes like x-data and @click. A working single-file example, the mistakes that break it, and a share link.

Build a Preact score counter and leaderboard in a single HTML file with no build step: import map, htm instead of JSX, the common errors, and sharing it as a link.

Colour code blocks in a single HTML file with highlight.js: one stylesheet, one script tag and one call. Live examples, fixes for common mistakes, and a share link.

Draw a D3.js chart in one HTML file with a script tag, an svg and a few lines of code. Live examples to edit, fixes for common errors, and how to share it as a link.

The lottie-react example needs npm and a bundler. The same Lottie animation runs in one HTML file with one script tag. Live examples, common mistakes, share link.

Write an MJML email and compile it to responsive email HTML inside one HTML file, with no install. Live examples, the section and column rule, and fixes.

Animate elements with Anime.js in a single HTML file: one script tag, then animate(). Live examples to edit, fixes for version 3 code, and how to share it as a link.

Babylon.js in one HTML file: a canvas, one script tag and a short script. Live 3D examples, the mistakes behind a blank page, and how to share it as a link.

OpenLayers is a JavaScript map library. See the smallest working map in one HTML file, the React version of the same code, and fixes for blank maps.

Install webpack from npm, bundle your JavaScript, and end up with an HTML page that runs. Live examples, the config to copy, and fixes for a blank page.

WebSocket in an HTML page: the browser API, a live example you can run, the code to copy, the states, reconnecting, and fixes for common errors.

WebRTC is the browser API for peer-to-peer video and data. A single-file HTML example that connects two peers, plus fixes for signaling, call order and STUN/TURN.

Use PixiJS in one HTML file: a script tag, await app.init(), shapes, text, taps and a ticker. Live examples, the mistakes that break it, and how to share the page.

What StackBlitz is, how to run a single index.html in it, add a library with one script tag, avoid the common mistakes, and share the finished page as a link.

Marked is a JavaScript Markdown parser. You do not need npm to use it in a web page: one script tag and marked.parse() do it. Live examples, safe output, fixes.

Add MathJax to a single HTML file with one script tag. A working example, the delimiters it reads, the mistakes that leave raw LaTeX on screen, and how to share it.

Use Recharts without npm or a build step: four script tags, one React root and a chart in a single HTML file. Live examples, the usual errors and a share link.

Matter.js is a 2D physics engine for JavaScript. See the smallest working HTML file, live examples you can drag, the usual mistakes, and how to share it as a link.

A JSX example you can run from one HTML file: React and Babel from a CDN, a live counter, the three JSX rules, a finished list app, and fixes for blank pages.

Nuxt needs a build, but the Vue it runs on loads from one script tag. Live UI examples (card, form, tabs, modal), the code to copy, and the mistakes to avoid.

shadcn/ui is React code, not a script tag. See what you can reuse in one HTML file (theme tokens, Tailwind classes, dark mode), what you cannot, and a live demo.

Put a Mapbox GL JS map in one HTML file: the script and CSS, your public access token, a sized div and [longitude, latitude] order. Live checks and common fixes.

IndexedDB is the browser database a plain HTML page can use. Smallest working example, how to see it in Chrome DevTools, the common mistakes, and how to share it.

Highcharts is a JavaScript charting library. Draw a chart in one HTML file with a script tag, then move the same options into Angular. Live examples and fixes.

Vite is a build tool. When Tailwind styles do nothing in it, three causes explain almost every case. Fix them, or skip the build with one working HTML file.

Write and test HTML, CSS and JavaScript in one file, then split it into WordPress's Custom HTML block and Additional CSS. Live examples, code and fixes.

Style a plain HTML page with Pico CSS using one link tag. The smallest working file, classless vs standard, dark mode, a finished form page, and common fixes.

Gradio is a Python library, so it has no HTML file of its own. What gr.HTML does, how to embed an app in a page, and a working one-file HTML version to copy.

esbuild does not read HTML, it bundles JavaScript and CSS. See a working esbuild call inside a plain HTML file, then turn source files into one shareable page.

daisyUI is a set of Tailwind CSS component classes. See it work in one HTML file with two CDN tags, then use that page to find why it fails in React.

Tauri turns a folder of HTML, CSS and JavaScript into a desktop app. Build the page as one HTML file, test it in a browser, then wire it to Tauri.

A JavaScript game engine is a library you load with one script tag. A working Phaser game in a single HTML file, the mistakes that break it, and how to share it.

Turn a CodeSandbox HTML project into one file that runs anywhere: the smallest working example, the mistakes that break it, and how to share it as a link.

Colour JSON in a single HTML file with Prism.js. The smallest working page, the extra JSON file people forget, formatting with JavaScript, and common fixes.

Put one HTML file on Firebase Hosting: the smallest working page, the four commands, what firebase.json does, the common mistakes, and a no-setup link option.

How React runs in JSFiddle and how to get the same app into one HTML file: three script tags and a div. Live examples, the common errors, and a share link.

A working postcss.config.js example, what each line does, and how to run PostCSS inside one HTML file with a CDN import. Live demos, plugin order, common errors.

Add Swiper, the JavaScript touch slider, to one HTML file from a CDN. A minimal working page, live options, mistakes that leave it blank, and how to share it.

Write the service mark symbol ℠ in HTML with a numeric character reference. No named entity exists. Live examples, a snippet builder and fixes for it not showing.

Framer Motion is now called Motion. Run it from a single HTML file with script tags, with live examples for animate() and the React motion component, plus fixes.

Run Phaser JS from a single HTML file with one CDN script tag. A live example, a finished game to copy, the mistakes that give a blank page, and how to share it.

Astro is a web framework that builds pages into plain HTML. See what the build writes, a single-file example that runs, the common mistakes, and how to share it.

Use the ECharts formatter in one HTML file: string templates, functions, tooltip HTML and escaping, axis labels. Live examples to edit, fixes, and a share link.

Show the battery level and charging state in a web page with navigator.getBattery(). A live example, the code to copy, and why the call fails or returns nothing.

Electron shows your HTML file in a desktop window. The three files you need, a page that runs in a browser, the mistakes that blank the window, and how to share it.