Assemble blocks with AI to create interactive experiences.
90+ Web Components purpose-built for interactive content. Prompt your AI assistant, get a finished artifact — lesson, story, training module, data piece — and embed wherever you like.
Artifact
Integrations
Works with your AI assistant
ChatGPT
Install the Modula plugin in ChatGPT to compose interactive artifacts directly from the chat interface.
Claude
Connect via MCP to give Claude full knowledge of Modula's component APIs, schemas, and documentation.
Gemini
Use the Modula extension for Gemini to turn prompts into fully assembled, ready-to-embed components.
Also for developers
Yours to install, compose, and own.
Modula is a proper package library. Add one line to .npmrc, then install any component with npm, yarn, or pnpm — no wrappers, no adapters. Standard
Web Components, native to the browser, ready to drop into React, Vue, Svelte, or plain HTML.
- — CSS custom properties for full design-system integration
- — MCP server exposes component APIs to Claude, Cursor, and Copilot
- — TypeScript types and a Custom Elements Manifest included
# .npmrc — point to the Modula registry
@chialab:registry=https://registry.modula.dev
# install what you need
npm install @chialab/dna-assignment \
@chialab/dna-timeline \
@chialab/dna-map
# use it anywhere
<dna-assignment src="./quiz.json"></dna-assignment>Pricing
The right plan for your work.
Education is permanently free for teachers and schools
— no time limit, no credit card.
Pro
Placeholder — pricing TBD
- All 90+ components
- All public SKILLs
- Commercial use
- Email support
| Education Free | Pro €X / month | Business Custom | |
|---|---|---|---|
| Components | Subset | All 90+ | All 90+ |
| SKILLs | "Lesson" only | All public SKILLs | Custom SKILLs |
| Commercial use | — | ✓ | ✓ |
| Support | Community | Dedicated SLA | |
| MCP server | ✓ | ✓ | ✓ |
| Apply | Apply | Contact us |
Get in touch