Installation

Install Packages

# Core library
pnpm add @elucim/core react react-dom

# DSL package (optional — for JSON-based authoring)
# @elucim/core is a peer dependency, install it alongside
pnpm add @elucim/dsl @elucim/core react react-dom

# Editor (optional — visual canvas editor)
# Requires both @elucim/core and @elucim/dsl as peer dependencies
pnpm add @elucim/editor @elucim/core @elucim/dsl react react-dom

KaTeX (for LaTeX rendering)

If you plan to use the <LaTeX> component or the DSL latex node type, add the KaTeX CSS to your HTML:

<link rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/katex@0.16.33/dist/katex.min.css" />

TypeScript

Elucim is written in TypeScript and ships full type definitions. No extra @types/ packages needed.

Monorepo / Workspace Setup

If you’re working in a monorepo with pnpm workspaces:

pnpm-workspace.yaml

packages:
  - packages/*

packages/my-app/package.json

{
  "dependencies": {
    "@elucim/core": "workspace:*",
    "@elucim/dsl": "workspace:*"
  }
}

Next Steps

Head to the Quick Start to build your first animated scene.