Building blocks for effective operational user interfaces


stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
26538Jun 8, 2021Aug 2, 2017Minified + gzip package size for @operational/components in KB


Operational UI Components

The @operational/components package contains simple, stateless UI building blocks - your typical input fields, buttons, cards, grids, and so on. See demo and docs.

Getting Started

Install the package via npm or yarn:

npm install @operational/components

Create your first application like so:

import * as React from "react"
import { Button, OperationalUI } from "@operational/components"

// Always wrap your interface in the `OperationalUI` wrapper,
// which does important setup work, and takes a single child element.
// See https://www.npmjs.com/package/%40operational%2Fcomponents
const App = () => (


To get started contributing, please check out our contributing guidelines.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.