Loading…
Live page · scroll inside
Premiumapp-shell · light · html · css · vanilla js
Settings with Unsaved-change Tracking
A newsletter platform's settings page that keeps count of what you've changed: each edited field says 'Changed' with its own Undo, the section menu shows how many changes each section holds, and a save bar slides up with the total, Discard and Save (Ctrl or Cmd+S works). Sending-domain DNS records can be copied and checked, team roles are editable, and the danger zone needs the publication's name typed before delete unlocks.
What's inside
- 01App sidebarnone
- 02Profilenone
- 03Sendingnone
- 04Notificationsnone
- 05Teamnone
- 06Danger zonenone
How to use it
From prompt to a live page.
- 01Try the page
The preview is the shipped page: one job, one mechanic, every state wired. Scroll, type, click.
- 02Pick a palette
Token sets re-tint the page live. The prompt carries the one you chose.
- 03Pick your stack
Single HTML, or the route your framework keeps for this job: not-found page, auth route, pricing route.
- 04Copy the prompt
It quotes the page block by block with the tokens, the motion script and the rules.
- 05Wire it up
Swap the placeholder copy, point the form or the countdown at your backend, keep the structure.
