An achromatic design system on Base UI: the standard parts plus playful niche components, with semantic tokens that match Figma variables one to one.
Turns a setting on or off, taking effect at once.
Rows and columns of data, at one compact density.
Switches between views of one subject in place, as a segmented control or a row of tabs with an underline; scrolls sideways when it runs out of room.
Several lines of free text that grow with the content.
fibo's full token set, light and dark: the achromatic roles, status colors and named -subtle, -hover and -ring roles.
A brief message in the corner about something that just happened.
Walks a color token from raw value to primitive to semantic role.
A short label that appears when a control is hovered or focused.
Says who's typing in a conversation, naming up to three people.
An aluminum recorder with a live transcript beside it.