Interactive Feature Matrix

Modern landing feature matrix with interactive tab cards, live telemetry benchmark status, and highlight badges.

Interactive Live Preview

Component Props & Interface

Type-safe React 19 props supported by Interactive Feature Matrix.

Prop Name	Type	Default	Description
className	`string`	undefined	Optional custom CSS styling classes
variant	`string`	'default'	Visual variant style theme
onAction	`() => void`	undefined	Event callback handler

⌨ Keyboard Navigation

Fully navigable via Tab and Space/Enter. Supports ARIA live region updates for AI streaming states.

📱 Touch & Mobile Gestures

Touch-optimized event handling with hardware acceleration on mobile iOS Safari and Chrome Android.

⚡ Reduced Motion

Respects prefers-reduced-motion with instant CSS state swaps and disabled infinite loops.

Complementary AI interface components in Hero & Landing.