No design picks yet
Browse the library and star components you like.
STATE-001
Empty Collection State
Empty state for collections with no items yet.
AI Design Library
Browse visually. Reference by ID. You do not need the fancy name for a layout if you can point at the one you want.
Component not found
That ID is not in the library yet.
STATE-002
Error Recovery State
Error state with a recovery action.
Loading components
Fetching the next page of references.
STATE-003
Loading Results State
Loading state for filtered results.
STATE-004
Warm Empty Search
Warm empty search results state.
Empty State
Supporting copy for this pattern.
STATE-005
Empty State
Distinct states pattern with unique structure for AI reference.
Supporting copy for this pattern.
STATE-006
Error State
Distinct states pattern with unique structure for AI reference.
Loading State
STATE-007
Loading State
Distinct states pattern with unique structure for AI reference.
Media
Skeleton State
Supporting copy for this pattern.
STATE-008
Skeleton State
Distinct states pattern with unique structure for AI reference.
STATE-009
Dual Actions
Distinct states pattern with unique structure for AI reference.
- Illustration Empty
- Supporting copy for this pattern.
- Continue
STATE-010
Illustration Empty
Distinct states pattern with unique structure for AI reference.
STATE-011
Code 404
Distinct states pattern with unique structure for AI reference.
STATE-012
Tips Empty
Distinct states pattern with unique structure for AI reference.
No components matched that search. Try an ID like BTN-014 or a phrase like warm rounded button.