Build it in HTML

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.

A browser cannot read Sass. Compile .scss to CSS, or compile it inside one HTML file with the sass package from a CDN. Live examples, code and fixes.

ApexCharts needs Angular only if your app is Angular. In one HTML file it is a script tag, a div and render(). Live examples, code to copy, and the usual mistakes.

Save a folium map as one HTML file with m.save, see what the file contains, fix a grey or empty map, and share it as a link. Live Leaflet examples to try.

Use lit-html 3.2.1 in a single HTML file: a pinned CDN import, live examples with render() and a LitElement tag, and fixes for the usual mistakes.

Use Ionic Framework in a plain HTML file with two CDN tags and no build step. Live examples, code to copy, common mistakes, and how to share the page as a link.

HTML has no notification tag. Use the JavaScript Notification API: ask permission on a click, then show one. Live examples, copyable code and fixes.

SVGSVGElement is the JavaScript object behind an inline svg tag. A short guide with live examples: size, viewBox, click coordinates, animation clock.

Glitch ended project hosting on July 8, 2025. Fold index.html, style.css and script.js into one HTML file, try a CSS glitch text effect, and share it as a link.

Add a browser payment sheet to an HTML page with the Payment Request API. A minimal example to run, the request object, the errors show() throws, and a fallback.

EventSource in JavaScript opens a one-way stream from a server to your page. Live examples, the stream format, reconnecting, and the mistakes to avoid.

What HTML events are, how onclick and addEventListener differ, which events you will use most, and why a handler runs on page load. Live examples to try and copy.

Show a browser notification from an HTML page with the Notification API: ask permission on a click, pass a title, body and tag, and fix denied and phone errors.

Add animate on scroll to a single HTML file with the AOS library: a stylesheet, a script, AOS.init() and a data-aos attribute. Live examples, settings and fixes.

AMP HTML is a restricted subset of HTML. See the smallest valid page, try a live rule checker, learn why images need width and height, and share a plain version.

How the JavaScript submit event works: when it fires, what event.submitter tells you, why preventDefault must come first, and one listener for many forms.

PyScript in a single HTML file: the two head tags, a script of type py, the mistakes that leave a page blank, and why a share link cannot run it.

Show LaTeX math in one HTML file with KaTeX: the three tags to copy, the delimiters it finds, live examples, and the mistakes that leave raw dollar signs on screen.

How SolidJS differs from React, and how to run Solid in a single HTML file with no build step. Live examples, the three imports, common mistakes and a share link.

Build a parcel viewer in one HTML5 file: draw parcels from GeoJSON as SVG, click for details, zoom, and share it as a link. Also what the Parcel bundler is.