M3 modal bottom sheet with predictive back
An Android M3 filter sheet over a trail list: scrim, drag handle, partial and full heights, spring settle, drag to dismiss and a predictive-back shrink.
Components
Overlays
018 pieces Sort
Room
Platform
Motion
Style
M3 basic and destructive dialogs
A centred Briarnote alert over a field note. Leave is a basic dialog; Delete uses the error colour. Esc closes, and the scrim does not.
Duskwell mission HUD
Duskwell chrome over a still night ridge: score, lives, wave, a minimap, and a pause menu that opens on P.
Callouts on a review still
Four numbered pins beside a checkout still. The open pin draws a line to one note. Arrow keys move it.
Tooltip
Hold describes itself: the tip says the load stays on the dock until 18:00. It starts open, and it follows hover and focus.
Share menu with invites and QR
A riso-print share popover: email chips, an access-level menu, copy link with a Copied state, four send targets and a QR switch, all anchored to Share.
Popover panel
Note opens a panel under the button: Gate 2 closes at 18:00. Close and Escape put it away. There is no scrim and no focus trap.
Phone permission prompt
A soft pre-permission screen before the OS asks: a swaying plant drawing, three reasons, Allow and Not now, a labelled system step, then a granted or later state.
Kebab row actions menu
A ⋯ button on each invoice row opens an actions menu with icons, shortcuts, a divider and a delete that asks to confirm inside the same popover.
Filter and sort dropdowns
A stock table's Filter popover (search, multi-select with live faceted counts) and Sort menu with a direction toggle, plus removable applied-filter chips.
Desktop app menubar
File Edit View Track Window Help for a dark audio workstation: hover-to-switch menus, submenus that flip, checkable and radio items, shortcuts.
Curve drawer
The hold list starts open, edge straight. Close it and the edge bows. Open it and the bow settles flat.
Account menu panel
A 280px account menu under the avatar: identity, three destinations, sign out, arrow keys, and Escape returning focus.
iOS context menu lift
Press-and-hold a chat bubble for 350ms: it lifts to 1.04 with a shadow, the thread blurs, and a four-item menu springs in with a 40ms stagger.
PWA install sheet
A bottom sheet that springs up to pitch installing a PWA, with an icon, three benefits, Install and Not now. Then it shows an inline progress bar and an 'Added to Home Screen' chip.
Notification center panel
A bell with an unread dot opens a 380px top-right panel with All/Mentions/Following tabs, Today/Yesterday groups, unread dots that scale away on Mark all read, and an empty tab state.
Modal dialog with focus trap
Native <dialog> modals that open with a 240ms scale .96→1 and scrim fade, trap focus, close on Esc or scrim click, plus a destructive variant gated by a type-to-confirm input.
Bottom sheet with three detents
A draggable places sheet over a CSS-drawn map that snaps to 120px, 430px and full-height detents with spring easing, a progress-linked scrim and velocity flicks.
No pieces match those filters. and try again.