This is a collection of tools for making embeddable components based on code playgrounds and code notebooks.

The components run in a container which can be embedded on a website. The content can be loaded from one or more files containing nested data. These files are in Markdown with fenced code blocks, and are easy to inspect.

The containers are typically sandboxed iframes. They use postMessage to access resources outside of the sandbox.

The code is written as a collection of playgrounds and notebooks.

To get started, check out Ristretto.

The code can be found on the Macchiato codeberg organization.