Polymorphic UI Engine
The interface adapts to your behavior in real-time. Click fast → power mode (compact). Scroll fast → skimmer mode (larger text). Dwell on elements → reader mode (expanded detail). The badge above shows your current archetype.
Click 30+ times in 60 seconds with quick dwell times. UI becomes compact + fast animations.
Scroll fast through the page. Text becomes larger for scannability.
Hover on elements for 2+ seconds without scrolling. Detail expands, animations slow.
Trigger 3+ errors (crash test below). Tooltips appear, density decreases.
When a component crashes, the boundary auto-retries 3 times. If it keeps failing, a fallback appears. Each crash increments the error counter → triggers beginner mode.
This text adapts to your behavior. The font size, line height, and background warmth are all dynamic. If you've been on this page for 30+ minutes, the colors will shift to warmer tones to reduce visual fatigue. If you click rapidly, the density increases and animations speed up — the interface becomes a power tool.
No data leaves your browser. All behavior tracking is client-side, passive, and privacy-preserving. The engine is a set of design tokens that replace the static C.bg / C.text values — any component wrapped in <PolymorphicBox> inherits the adaptation.