Flems.io is a single-file, embeddable Web sandbox. It keeps all its state in the URL, so just make your changes, copy the URL from the address bar, and send it wherever you please. Most popular link shorteners handle at least 4000 characters, which is enough for most examples.

Flems is easily embedded in your own pages, either in an iframe or using the JS API. To use the JS API simply do:

Official Intro Flem

Lets see if i can run this locally (304k of html to embed)

Flems Test

Works ok, just is missing the height on the main tabs.

Adding the script tags to the head breaks it. Adding it to the body makes the height too small. Adding it just before the html end tag.

You have to add a body height to this otherwise it gets all squished. so just add body { height:100vh; }

Do i frames ignore # fragments, i guess they do. I think its an issue with the local embed as it seems to work ok from the official site

Try this example

I'll try it as an index and see if that works.

Example without the .html file

It seems to work ok, just cant read the # fragment when running a local copy only from the https://flems.io/ site. Might be a bug.

Hacker News Clone

Links

Flems Reddit Thread

Update: 18 Jun 2020 - fixed the iframe issue on this page, was causing load issues.