Assemble blocks with AI to create bold modules.
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
For editors and creators
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.
For dev teams
In Claude Code, Codex, and every terminal.
Modula integrates directly into AI coding tools via MCP. Ask Claude Code or Codex to add a component — it searches the registry, installs the package, and wires it into your project. Or go straight from the terminal. Standard Web Components, no wrappers, no adapters.
- — MCP server gives AI agents full access to component docs and APIs
- — Works in any codebase — React, Vue, Svelte, or plain HTML
- — CSS custom properties and TypeScript types included out of the box
# ask Claude Code or Codex
> add a map component to this page
Searching Modula... @chialab/dna-map found
Installing... done
Wiring up types... done
<dna-map center="45.46,9.19"></dna-map>
# or go straight from the terminal
npx modula add dna-mapPricing
The right plan for your work.
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