engineeringsandboxakoticomponentsbuilding-in-public
Sandboxes: Live Code Demos Inside Blog Posts
29 Mar 2026 · Data Druid Tech
· Updated 29 Mar 2026
The problem
When documenting a design system, screenshots are not enough. People need to interact with components — hover over buttons, click dropdowns, see animations. Static images cannot convey what a mud-brick radius flip feels like.
The solution
A Sandbox is a stored HTML snippet that renders as a live page. Create one via the API with a title and full HTML content. The system returns an embed URL and a ready-to-use iframe tag. Paste it into any blog post or product page and the live demo appears inline — fully interactive, safely isolated in a sandboxed iframe.
Sandboxes can load Akoti component files from /static/akoti/, so you can showcase real components with real interactions. Documentation that you can touch.