Tag · patterns
Posts on patterns.
9 posts filed under this topic.
AI chat UI patterns beyond ChatGPT
Threads, suggestions, tool calls, streaming. The patterns that make AI products feel modern, and the ones that still look like a fork of the same demo.
- ai
- chat
- patterns
Notification centers that respect attention
Toasts confirm, notifications inform. The anatomy of a notification center users actually open, plus the rules that keep it from becoming spam.
- notifications
- tutorial
- patterns
Tabs, accordions, and steppers: pick the right one
Three surfaces that look similar and behave nothing alike. A field guide to picking the one that actually fits, plus the rules that make each one quiet.
- tabs
- patterns
- tutorial
Tooltips and popovers without the nagging
When a tooltip helps, when a popover replaces a modal, and the small accessibility rules that make both feel calm instead of clingy.
- tooltips
- tutorial
- patterns
Navigation patterns that stay out of the way
Sticky bars, mega menus, sidebars, mobile sheets. The four navigation models, and the rules that make each one quiet.
- navigation
- tutorial
- patterns
Dashboard layouts that actually work
Sidebar+main, top-tabs, kanban, data-grid. The four dashboard archetypes, when each one fits, and the rules that keep dense pages from feeling cramped.
- dashboard
- tutorial
- patterns
Bento grids: when they work, when they don't
Apple made them famous. Every AI app shipped one. Most should have shipped a feature list instead.
- bento
- patterns
- opinion
Modals, sheets, and drawers: when to interrupt
Dialog, sheet, drawer, popover, four ways to overlay content, four different jobs. The decision tree, the spec, and the accessibility traps.
- modals
- tutorial
- patterns
Command menus 101: why every modern app has one
From Spotlight to Linear's K-bar. What makes a good command menu, and how to ship one without rebuilding it from scratch.
- interaction
- tutorial
- patterns