Blocks
The components,already assembled.
A block is a section of a real screen — a sidebar, a shell, a panel — built from nothing but the library. Resize it, read it in dark, then take the files: these are copied into your project, not installed, so the code tab is the code rather than a description of it.
- blocks
- 8blocks
- categories
- 2categories
- dependencies beyond kipui
- 0dependencies beyond kipui
Sidebar
04- Collapsible railsidebar-01Full-height column that collapses to a 68px icon rail, with tooltips standing in for the labels it drops.
- Inset panelsidebar-02Sidebar as a floating card on a tinted page, with collapsible sections and a workspace switcher.
- Sectioned railsidebar-03Two columns: a 64px rail of sections that never scrolls, and a panel showing one section at a time — the same press that switches sections opens the panel on a phone.
- Grouped railsidebar-04Driven by a menu array rather than markup: labelled sections and nested groups that expand in place when the column is wide and open as flyouts once it is a 68px rail.
Stat card
04- Sparkline rowstat-card-01Four tiles, each a value, a signed delta with its own arrow, and the twelve periods behind it as a line.
- Divided panelstat-card-02One panel of four cells rather than four cards, with a range control that moves the figures and the comparison window together.
- Goal metersstat-card-03Numbers that have a target: a meter carrying severity across the whole bar, a notch at the expected pace, and a state that survives losing the colour.
- Detail cardstat-card-04One metric given the room to explain itself — a hero figure, twelve months as columns you can read a value off, and the channels underneath it.