Dynamic Masonry Flow

Dynamic-height responsive masonry waterfall layout with category filtering and smooth reordering.

Interactive Live Preview

Component Props & Interface

Type-safe React 19 props supported by Dynamic Masonry Flow.

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 Layout & Grids.