Tailwind CSS components for React: KPI tiles, a lane board, flow diagrams, an interactive globe and more, from the PanelUI design system.
A message set into the page that stays until it is dealt with, as a card in a tray of its tone.
A question that must be answered before the page can be used again, with the answers side by side under it.
Filled bands over time, stacked or overlaid.
A person or a team as a picture, or their initials in a colour of their own, with a badge and a group that opens up.
A short label for a state or a kind, tinted in its theme colour, with a dot for a state that is still changing.
Categories compared by length, grouped or stacked.
A short run of values as columns of lights, one column picked.
The trail of links back up a hierarchy to the page you are on, with the middle folded away when the path runs long.
One labelled circle per row, on two measured axes, with a third quantity on each circle's area.
How a set of things ranked against each other over time.
Something to press, in the weight its action deserves, with a spinner for while it works.
Related buttons joined into one control, with separators, text cells and fields between them.
Open, high, low and close for a period, drawn as one mark.
A surface of dots, lines or crosses for other components to sit on, with a light that can follow the pointer.
A surface that holds one thing, with a heading, an action beside it and a footer.
One choice that is on or off, with a tick that draws itself and a parent box for a group.
A pill that can be pressed: a filter turned on and off, or an added value with a × to take it out.
One option chosen from a few, each shown as a picture of what it does.
A launcher: type to find a page, an app or an action, and run it with Enter.
A small button that opens into a field, with the answer arriving under it a row at a time.
A run of days as a field of dots, each sized by how much happened on it.
A task done in a panel over the page, with its buttons in the band beneath it.
A dialog with a well to write in and two actions in the band around it.
A form control with its label, a line of help and its error, wired to each other.
A canvas of nodes joined by edges, that you pan, zoom and rearrange.
A panel of rows set into a tray, with the tray's top strip carrying the title.
Where a population drained away, one step at a time.
A calendar of bins, shaded by how much happened in each.
A whole broken into parts, counted out in hexagonal cells.
A single line to type into, with icons, units and buttons set inside its box.
The settings panel beside an editor's canvas: a rail of icons, each opening a page of titled sections.
One number and what it is doing: its change, its shape over time, its progress to a target.
The name of a field, with its required mark, a hint and an action on one line.
Lanes of cards that can be dragged within a lane and from one lane to another.
A series over time, drawn in from the left.
A reading that keeps arriving, against a window that keeps moving.
A list of actions that opens from a button, with shortcuts, checks and submenus.
One turn of a conversation with an assistant: a person's bubble, or an answer set as prose with actions under it.
Two readings of one timeline, one above a baseline and one below it.
A select for the model a message goes to, searched by name, filtered by provider and starred.
A collapsible sidebar of destinations that keeps one active pill sliding between rows, and folds to a column of icons with tooltips.
An error code drawn in pixels that come apart near the pointer, with a title and a way out.
Page controls for a long result set: the pages near you, the gaps between them, and a way across.
One total, divided between its parts.
The world as dots on a globe you can turn, with markers pinned to it.
A chart you assemble from marks on one shared scale, for the shapes the named charts do not cover.
Several readings compared on one measure, as a dial.
A field for writing to an assistant, with its files, model and tools in one card.