chem-generic-ui is a React component library for building schema-driven scientific and laboratory applications. It provides dynamic form and table builders for complex data-driven interfaces.
It is used in the Chemotion LabIMotion ecosystem for constructing structured datasets, element forms, and table-based layouts.
A scientific data management application built using chem-generic-ui.
-
Different Layout Designs
- Element Details: Text fields, checkboxes, selection inputs and drag-and-drop
- Segment Details: Table-Based layout, for multiple records with drag-and-drop functionality inside tables
- Dataset Details: Styling and unit conversion
-
Layer grouping to manage multiple layers
The chem-generic-ui library is available as an NPM package. Install it either with NPM:
npm install --save chem-generic-ui
or Yarn:
yarn add chem-generic-ui
ag-grid-community and ag-grid-react (>=33.0.0 <34.0.0) are peer dependencies — the host application provides them. Since version 2.3.0, chem-generic-ui no longer registers AG Grid modules itself. Register them once in your application entry point, before rendering any chem-generic-ui component that contains a grid:
import { ModuleRegistry, AllCommunityModule } from 'ag-grid-community';
ModuleRegistry.registerModules([AllCommunityModule]);Without this, AG Grid throws error #200 ("unable to use … as the module is not registered") when a grid component mounts.
If you have questions, comments, or suggestions, the best place to share them is in the Discussions section. We welcome your feedback and participation!