Pattern library

UI Patterns

A UI pattern library built for coding agents. 40 patterns, each shipping a copy-paste prompt that rebuilds it inside your own codebase — plus a live preview and the source behind it.

Every pattern, three ways

1PreviewThe pattern running live in an isolated frame, in whichever theme you are reading in.

2SourceIts markup, styles and behaviour, plus a single runnable file carrying its own palette.

3PromptA written spec that rebuilds the pattern from scratch — including why each decision is the way it is. Paste it into Claude Code, Cursor, or any coding agent.

The prompts are the point. Each one is written to survive being handed to an agent with no other context: it names the surfaces the pattern belongs on, spells out the constraint that makes it work, and calls out the failure it exists to prevent. Nothing here is a dependency you install.

/

40 patternsSort by

No patterns match that search.

Try a shorter term, or clear the filters to see all 40.

Data display

Windowed schedule grid

Rows of resources against a fixed time window, where each block is sized by its overlap with the window rather than by its own duration.

Added: 2026-08-11
Tags: schedule, timeline, grid, flexbox, time

↑↓ in search, or jk↵ open pattern1–6 category

Every pattern, three ways

All patterns

No patterns match that search.

Windowed schedule grid