Build the Overlay Layer
Menus, popovers, dialogs, and drawers that agree on focus, scroll, and dismissal.
The steps
Your agent works through these in order, and won't break a step it already finished.
Portal Host Registry
Give floating interface elements a known, ordered place to render outside the layout flow.
Overlay Coordination Layer
Give every menu, dialog, and drawer one set of rules for stacking, focus, and dismissal.
Focus Containment Primitive
Keep keyboard focus inside an open overlay and return it where it started.
Scroll Containment Utility
Stop the page scrolling behind an overlay without shifting the layout underneath.
Popover Positioning Engine
Place anchored panels where the user expects them and never off the edge of the screen.
Tooltip System
Give every control the same short, reachable explanation on hover and on focus.
Dropdown Menu Primitive
Give every action menu in the app the same keyboard, pointer, and dismissal behaviour.
Dialog Size Rules
Fix a small set of dialog widths so every modal in the app looks deliberate.
Drawer Layout Pattern
Use one side panel pattern for secondary work so the page underneath is never lost.
How to use this collection
One link, several features, one coherent document. Your agent inspects your app once — not once per feature — then implements the set in order, checking after each step that it hasn't broken the last.
Pro users build their own from any features in the library, including their own customized versions.
Go Pro — $28/month