Grouped Settings Layout
Sidebar-and-panel settings shell that becomes a horizontal scroller on mobile instead of collapsing into a select.
All blocksProduct
Settings
8 blocks in this category, each rendered live below. Open any of them for the full source and a copy button.
A block is one finished section of a page — a pricing table, a hero, a footer.
Profile Form With Save Bar
Avatar, fields and a character counter, with a sticky save bar that only appears once something has genuinely changed.
Team Members & Invites
Member list with role selects, pending invites shown inline, and the last owner locked so a workspace cannot be orphaned.
API Key Management
Masked keys, a create flow that reveals the secret exactly once, and a revoke that confirms before it fires.
Danger Zone
Destructive actions gated by typing the resource name exactly — the pattern GitHub and Stripe use, and for good reason.
Active Sessions & Devices
The screen people go looking for after losing a laptop. Sign out everywhere states what it does not reach — API keys keep working — locations are written as estimates, and this device is labelled rather than revocable by misclick.
Notification Channel Matrix
Every event against every delivery channel in one grid, with column toggles and required rows that show the policy instead of a disabled checkbox.