Make it yours
HTML cards and tools
Use a small custom app or a whole HTML board inside your Lair.
Add a card or board#
Choose Add → Your own HTML card for a small tool on a card, or New HTML board for a full-page experience. Paste self-contained HTML, give it a title and save. You can also ask an agent to build one, or browse the board store.
Use the HTML help and example in the Add dialog when writing a tool. On a board, the options menu lets you rename it, edit its HTML or delete it.
Choose internet access#
HTML boards made by agents and offline store tools start without internet access. In the board’s options, choose Allow the internet only if the tool needs it and you trust it. Choose Take it offline to turn access off again. An agent changing a board’s HTML removes that permission.
HTML cards can load public HTTPS resources. Both cards and boards run in a sandbox; they cannot read your owner session, integration keys or another card’s saved state. A tool with internet access can send the information you type into it to outside services, so review its code and purpose.
Keep a tool’s progress#
Tools can use the built-in window.lair bridge to load and save their own JSON state. Use await lair.load() and await lair.save(value) rather than cookies or local storage. The state follows your Lair across devices and is capped at 64 KB.
Do not put passwords or API keys in HTML, props or saved state. Agents can read app-card state through board tools. For a blank embed, try opening the source site directly; some sites block embedding.