08 components3 new, October 16, 2026
Modals
Dialogs a product needs: an upgrade paywall, settings, two-factor setup, new projects, shortcuts, feedback, newsletter sign-up and session timeouts.
Each dialog opens from its own trigger, or controlled with open and onOpenChange. They're centered on wide screens and sit at the bottom on phones.
Upgrade DialogUpdated, Oct 17
The paywall a person meets at a limit. It starts from what ran out, then the plan and billing period, with a table of what changes from their current plan. Prices roll as they change and the footer says what's due today. It replaces Plan Picker Dialog.
Settings DialogUpdated, Oct 16
Settings split into sections. Changes wait for Save: a bar rises with the count, edited sections get a dot, and closing with unsaved changes asks before throwing them away.
Two-Factor DialogNew, Oct 16
Turning on an authenticator app: scan the code or copy the key, type the six digits while a ring shows when the code changes, then keep the recovery codes. Finish stays locked until they're saved. In the demo any code but 000000 works.
New Project DialogUpdated, Oct 16
Start from a template, each drawn as a wireframe of its first screen. The name previews the URL as you type, and Create turns the dialog into a build log that ends on the live link.
Shortcuts DialogNew, Oct 16
Every shortcut in one searchable sheet. Keys light up as you press them, so you can try one and find its row. ? opens it from anywhere outside a text field, and opened from the keyboard it skips the animation.
Feedback DialogUpdated, Oct 16
The 0 to 10 recommend question on one screen. The follow-up changes with the score, from what to fix to what people love, and sending shows a receipt with a next step that fits.
Newsletter DialogUpdated, Oct 16
A sign-up that shows what you'd get: the latest issue, how often it comes and how many read it. After subscribing it links to the right inbox for the address and counts down before you can resend.
Session Timeout DialogNew, Oct 16
Warns before an idle session ends, with a ring that drains with the seconds left. Stay signed in refills it; at zero it says you were signed out. The countdown follows the clock, so a background tab still ends on time.