Bento Grid & Micro-Interactions

Bentogrids.com 12-column asymmetric geometry with tactile physics and Web Audio micro-interactions.
● Web Audio UISFX Ready
Mathematical Craft

Concentric Corner Radii Engine

Nested containers require balanced curves. When outer radius is R and padding is P, inner radius must equal max(0, R - P) to prevent optical warping.

Concentric Inner Curve: 8px (Harmonious)
Tactile Physics

Magnetic Trigger

Cursor attraction within bounding bounds with Web Audio API click feedback.

Synthesizes short 800Hz / 1200Hz sine pulses on pointer interactions.
KokonutUI Module

Dynamic Telemetry Bars

High-density real-time distribution bars with hover state magnification.

Ergonomic Touch Targets

44x44px Fitts's Law Target

Mobile touch targets must satisfy minimum 44x44px hit bounds to prevent mis-clicks and cognitive friction.