Generative UIgithub

Parts

The pieces every component is built from. Marks and tags carry state together, never by color alone; the frame renders in every state; rows share one hover and one focus ring.

Mark

10px · decorative, the words carry the state
  • good
  • warn
  • crit
  • neutral
  • unavailable
  • warming
  • node
  • endpoint

Tag

text on a 10% tint of itself

ApprovedReview pendingFailingCached

TextLink and RepoChip

accent-text · 36px hit areaSource

Show allvercel/next.jsfacebook/reactvitejs/vite

Rows

one hover, one focus ring

StateRow

empty · error · warming
Nothing merged into v17.0 yet
since Oct 1
No reverts in the last 14 days
Couldn't load pull requests
GitHub returned 502
GitHub is counting contributors
checking again in 4s

Skeleton

line heights held

Spine

Timeline and Steps

Today

Yesterday

Fri Oct 2

CardFrame

hot · warming bar

The frame renders in every state.