Skip to content
StandardUI

Timeline

A composable rail of events, horizontal or vertical.

Horizontal

A scrubbable rail, with years above the ticks.

  1. Sketch

    Interface rules written down so they can be shared.

  2. Tokens

    Color, type, spacing, and motion land in one foundation.

  3. Primitives

    The foundation becomes a practical React library.

  4. Release

    StandardUI starts showing up outside its own docs.

  5. Refine

    The system grows through use, review, and cut.

Vertical

The same rail, stacked, for release notes and activity.

  1. Timeline

    A composable rail for events, with ticks or dots.

  2. Images

    A lighter gallery with keyboard and trackpad navigation.

  3. Minimap

    Page landmarks stay visible without competing with content.

Markers

Ticks by default; dots when an event needs weight.

  1. Default

    A hairline mark on the rail.

  2. Accent

    A filled marker for a highlighted moment.

  3. Success

    Status tones map onto the same shape.

With media

An event can carry a media surface.

  1. Documentation published

    Live

    The component joins the library and its documentation.

    StandardUI