umriss-ui
React components for data-dense screens – control rooms, dashboards, planning – built to the industrial standards for alarms and limits, in English and German.
Six packages: a component library, canvas charts, a typed data table, a Gantt-style schedule, a calculation view and a dashboard readers arrange. TypeScript, MIT, light and dark.
npm install @umriss-ui/core
Packages
-
Start here
Core
@umriss-ui/core 0.40.0Controls, overlays and layout: the base of the others stands alone -
Charts
@umriss-ui/charts 0.40.0Canvas charts for series, states and limits stands alone -
Table
@umriss-ui/table 0.40.0A typed data table for many rows needs core -
Schedule
@umriss-ui/schedule 0.40.0Work on lanes over time needs core and charts -
Calculation
@umriss-ui/calculation 0.40.0A figure shown with how it came about needs core -
Dashboard
@umriss-ui/dashboard 0.40.0Widgets a reader arranges on twelve columns needs core
What's new
- Core 0.40.0 – Words for the dashboard (Oct. 2026)
- Charts 0.40.0 – No change of its own (Oct. 2026)
- Table 0.40.0 – No change of its own (Oct. 2026)
- Schedule 0.40.0 – No change of its own (Oct. 2026)
- Calculation 0.40.0 – No change of its own (Oct. 2026)
- Dashboard 0.40.0 – The first version (Oct. 2026)
What sets it apart
Every page (166)
@umriss-ui/core
- Installation
- UmrissProvider
- Theming
- Sizes
- Language
- Stack and Grid
- Divider
- Card
- Splitter
- Typography
- VisuallyHidden
- Button
- IconButton
- ButtonGroup
- Input
- FormField
- Textarea
- NumberInput
- Slider
- Checkbox
- Switch
- RadioGroup
- SegmentedControl
- FileInput
- Select
- Combobox
- MultiSelect
- DatePicker
- DateTimePicker
- DateRangePicker
- DateTimeRangePicker
- Spinner
- ProgressBar
- Skeleton
- Alert
- Toast
- EmptyState
- Tooltip
- Popover
- Menu
- ContextMenu
- Modal
- Drawer
- ConfirmDialog
- CommandPalette
- Breadcrumb
- Tabs
- Accordion
- Stepper
- TreeView
- Benchmark
- Badge
- Tag
- Stat
- Meter
- Sparkline
- API index
- Changelog
@umriss-ui/charts
- Installation
- Chart
- Axis
- Zoom and pan
- View
- Line
- Area
- Bar
- Scatter
- BoxPlot
- StateBand
- Matrix
- LimitLine
- ControlChart
- Pareto
- Tooltip
- Legend
- Benchmark
- API index
- Changelog
@umriss-ui/table
- Installation
- First table
- Provider
- Column
- Formats
- Width and pinning
- Presets
- Sorting
- Search
- Filter
- Pre-filter
- Grouping
- Tree rows
- Aggregate
- Selection
- Row appearance
- RowDetail
- RowActions
- Toolbar
- Toolbar controls
- ColumnMenu
- Export
- View
- Pagination
- Virtualisation
- Benchmark
- Server mode
- Grid mode
- Edits
- VerdictColumn
- API index
- Changelog
@umriss-ui/schedule
- Installation
- First schedule
- Lanes
- Lane groups
- Subtasks
- Bar labels
- Appearances
- Overlap
- Dependencies
- Routes
- Time axis and calendar
- Blocked time
- Milestones
- Now line
- Pan and zoom
- Selection
- Interactions
- Tooltip
- View
- Linked schedules
- The handle
- Findings as data
- Move and lane
- Stretch, lead-in, lead-out
- Snapping
- Placing from outside
- Where a subtask may go
- Ripple
- Benchmark
- API index
- Changelog
@umriss-ui/calculation
- Installation
- Calculation
- Tree
- Chain
- Rows from data
- Given
- Metrics
- What can go wrong
- Worked examples
- API index
- Changelog