@nice2dev/ui-math

Mathematics and scientific notation components for React.

Features

• NiceEquationEditor — Interactive equation editor with LaTeX support
• NiceFormulaDisplay — Render mathematical formulas and expressions
• NiceLatexRenderer — Full LaTeX rendering with syntax highlighting
• NiceSymbolPicker — Greek letters, operators, and mathematical symbols
• NiceMatrixBuilder — Matrix construction and editing
• NiceGraphingCalculator — Function plotting and analysis

Installation

npm install @nice2dev/ui-math

Usage

import { NiceEquationEditor, NiceFormulaDisplay } from '@nice2dev/ui-math';

function App() {
  return (
    <div>
      <NiceFormulaDisplay formula="E = mc^2" />
      <NiceEquationEditor onChange={(latex) => console.log(latex)} placeholder="Enter equation..." />
    </div>
  );
}

Styling

This package ships unstyled component logic. Import the shared CSS bundle once at your app entrypoint:

import '@nice2dev/ui/style.css';

Optional: opt into the legacy shorthand token aliases (--bg-*, --text-*, --border-*, ...) when migrating from a custom design-token system:

import '@nice2dev/ui/css/legacy-bg-text-aliases.css';

License

MIT