User-Centered Design
Design Systems
Human-Centered AI Design

Modularity and Composability

Build complex interfaces by composing smaller, focused components that work together predictably.

Design Systems
Component Design

Design systems scale through composition, not complexity.

Modularity and composability mean designing components as small, focused units that can be combined in predictable ways.

A composable system enables teams to build diverse interfaces without introducing inconsistency or duplication.

Design components with a single responsibility

Each component should solve one problem well.

Single responsibility

Create components with a clear, narrow purpose. Bundle multiple responsibilities into a single component. Expose variation through composition, not branching logic. Add props to cover every possible layout scenario.
A list of tools and services related to this argument. Component architecture
Storybook logoStorybook
Documentation
Zeroheight logoZeroheight Supernova logoSupernova
it may be outdated

Prefer composition over configuration

Composable systems grow horizontally, not vertically.