framejs.io

Appearance

Getting Started ​

What is framejs.io? ​

framejs.io aims to be a user-centric web primitive.

Run arbitrary javascript directly in the browser, with all code embedded in the URL. There is no server-side storage: the URL is the program.

It is designed for embedding code safely anywhere, creating custom, editable dashboards, widgets, notebook components, shareable visualizations, editable apps, and more.

framejs.io pages can combine and connect into metapages, where inputs and outputs can flow between, or be embedded in jupyter notebook code.

See examples

Quickstart ​

  1. Go to framejs.io
  2. Write JavaScript in the editor or edit with AI
  3. The code runs immediately — the URL updates to contain your code
  4. Share the URL with anyone

JavaScript overview ​

  • Code is an ES6 module
  • Top-level await is supported
  • Export onInputs to listen to inputs from connected metaframes
  • Send outputs with setOutput / setOutputs
  • Export onResize to handle window/div resizes
  • Use ES6 module imports, or add CSS / npm modules — everything is embedded in the URL

See the full JavaScript API for details.