Saving and Library

Saving and Library

Both builders include a full save/library system so your designs survive page reloads and stay organized.

Saving a Design

1. Click Save in the header (or in the YAML panel)
2. Give your design a name (duplicate names are detected)
3. Optionally assign a folder and tags for organization
4. A confirmation toast appears when saved

Saved designs are stored in your browser's localStorage, scoped per builder.

The Library

Open the Library from the header to browse everything you've saved:

• Search by name
• Filter by folder or tag
• Load any saved design back into the editor
• Duplicate a design as a starting point for a variation
• Delete designs you no longer need
• Export All — download your entire library as a .yaml backup file

Session Queue

Working on a dashboard with several cards? Use Queue to collect multiple card configs in one session, then export them together. The queue is shown as a counter on the Queue button.

If you have queued cards, the app warns you before you close or reload the tab.

Undo / Redo

Every change is tracked in a history stack:

• Ctrl+Z — undo
• Ctrl+Y (or Ctrl+Shift+Z) — redo
• Buttons are also available in the header (and the mobile menu)

Autosave

Your current working config is automatically saved to browser storage (debounced) as you edit — if you close the tab and come back, your work-in-progress is restored.

Custom Presets (Button Card Builder)

You can save any design as a reusable custom preset:

1. Design your button
2. Save it as a preset with a name and description
3. It appears in the preset panel under the Custom category

Limitations

• Storage is per browser, per device — designs don't sync across devices
• Clearing browser data deletes your library — use Export All for backups
• To move designs between devices, use Export All or copy the YAML