Data URI site generator
Create a web page contained inside a link that can be sent to others. No hosting needed.
GitHub repo
Import from previous data URI
Import from previous data URI:
Import
HTML:
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>My self-contained web page</title> <meta name="description" content="Self-contained web page data URI generator."> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="https://unpkg.com/@picocss/pico@1.5.6/css/pico.min.css" integrity="sha384-3edOW8hbyoE5dcN5KLGzXBJ7ObwLWlQTONfez9ieFk2/YbX+mo7NbktAT69X+xZK" crossorigin="anonymous"> <style> h1 { text-align: center; } </style> </head> <body> <main class="container"> <h1>Hello World!</h1> <button id="button">Clicked <span id="num-clicks">0</span> time(s)</button> </main> <script> (function () { let numClicks = 0; document.addEventListener('click', function () { numClicks++; document.querySelector('#num-clicks').textContent = numClicks; }); }()); </script> </body> </html>
Minify (keep unchecked if you want to save the data URI to continue later)
Generate
Copy data URI
Data URI:
Size:
-
Preview: