← All patterns
layoutmedium complexity

Split Pane

A two-column layout where selecting an item in the left pane loads its detail in the right pane, both scrolling independently

splitpanelist-detailmaster-detailresizablepanel
get_pattern("split-pane")

Combine with a design system for production-ready specs.

← All patternsSet up MCP