Mafs

Mafs is a set of opinionated React components for creating math visualizations.

Visit the docs →

---

Development

Development is done inside of the Next.js documentation site, which directly imports Mafs components from src/. To start the development server, run:

pnpm install
pnpm start

The version of pnpm in use can be viewed by checking the packageManager field of package.json. Using corepack to install pnpm will keep this up-to-date automatically. Mafs pins pnpm to a precise version to avoid spurious pnpm-lock.yaml changes.

Then visit localhost:3000.

Development checks

pnpm typecheck  # check with the native TypeScript 7 compiler
pnpm lint       # run ESLint
pnpm build      # build the package
pnpm format:check # check formatting