HCI
HCI Pattern Library
Canvas atlas + deep-dive library + interactive demos for all patterns.
Pattern Atlas (Canvas)
Explore patterns as a connected network. Click a node to open its deep-dive.
Explore • 16 patterns
Pattern list (click to experience)
Deep Research Panel
Select a node to view a structured deep-dive: best use cases, signals, pitfalls, accessibility considerations, success metrics, and related patterns.
How to use
Click a pattern → scroll the sections → try the interactive demo.
Goal
Turn interaction ideas into repeatable, testable UX patterns.