Open Sourcing our Shared Component Library

Here at LifeOmic, we decided to open source our React shared component library, Chroma. Internally, we leverage Chroma to build our web applications and increase developer productivity by providing design-approved, web accessible components. It also allows our web applications to remain consistent from a UI/UX perspective.

Chroma is built with React, TypeScript, and Material-UI styles. Our existing web applications were already using Material-UI core, so for a fast transition to custom-built components, we decided to stick with Material-UI styles for the CSS-in-JS solution. This also allows for theming and global component overrides across the different products.

You can check out Chroma at https://github.com/lifeomic/chroma-react and our storybook, where you can see all of the components in action at https://lifeomic.github.io/chroma-react.