Get started

Compose editorial, interactive, quality content with AI.

90+ accessible Web Components and curated SKILLs that teach Claude, ChatGPT, and Gemini how to produce finished lessons, stories, and editorial pieces.

Create a free account See use cases
No credit card required.

What’s in the box

Three pieces, one workflow.

Modula bundles a component library, a set of SKILLs, and the connectors that make them talk to your AI.

Components

90+ accessible Web Components for editorial and pedagogical content — timelines, scrollytelling, quizzes, drag-and-drop, map-driven narratives. Vanilla, framework-agnostic, themeable.

Explore components

SKILLs

Curated instruction packs that teach AI how to assemble components into finished pieces. The SKILL knows the structure of a lesson, a story, a training module. You provide the topic.

See the SKILLs

MCP integration

Claude, ChatGPT, and Gemini discover components on demand, read their docs, and stay within your license.

How MCP works

How it works

From prompt to publishable piece.

Three steps. No new tools to learn — Modula extends the AI you already use.

  1. 01 • Connect

    Follow the guide to add Modula as a connector to Claude, ChatGPT, or Gemini.

  2. 02 • Compose

    Describe what you want and the AI will assemble components into a draft. Review, regenerate, and customize until it’s perfect.

  3. 03 • Ship

    The output is a self-contained Web artifact — embed it anywhere, export to SCORM, publish it to your CMS.

Connect with the AI you already use.

Claude.ai

Connect via MCP to give Claude full knowledge of Modula’s component APIs, schemas, and documentation.

Connect

Claude Design

Bring Modula’s component knowledge into Claude Design to create and assemble interactive prototypes with AI assistance.

Connect

ChatGPT.com

Install the Modula plugin in ChatGPT to compose interactive artifacts directly from the chat interface.

Connect

Codex

Connect Modula’s MCP server to OpenAI Codex CLI for AI-powered component generation directly in your terminal.

Connect

Claude Code

Use Claude Code’s native MCP support to access Modula’s full component library and documentation in your terminal.

Connect

Cursor

Add Modula as an MCP server in Cursor to get component completions, docs, and scaffolding inside your IDE.

Connect

Gemini

Coming soon

Use the Modula extension for Gemini to turn prompts into fully assembled, ready-to-embed components.

Who it’s for

Different roles, same workflow.

Trainers, editors, creators, developers — anyone who wants to produce interactive content for the Web.

Trainer

Compliance training for 200 employees in four weeks.

Twelve SCORM-ready units in two weeks, generated from Claude with the Lesson SKILL.

See how

Editor

Interactive textbook appendices that update every term.

Simulations, charts, and quizzes embedded in the publisher’s CMS, regenerable without dev help.

See how

Creator

A scrollable travel narrative with photos and GPS track.

A published piece in four hours from a single ChatGPT session — embedded on the writer’s own site.

See how

Developer

A scroll-driven longform for a news investigation.

Components pulled into an existing SvelteKit project via MCP, themed in one sprint instead of three.

See how
See all use cases

For developers

Integrate components directly into any stack.

When the output needs to live inside a complex system — a CMS, a design system, a custom stack — your dev team can pull components directly via MCP and CLI. Standard Web Components, no wrappers, no adapters.

  • — MCP server gives AI coding agents full access to component docs and APIs
  • — Works in any codebase — React, Vue, Svelte, or plain HTML
  • — Custom SKILLs and theming to match your design system
# ask Claude Code or Codex
> add Modula's map component to this page

  Searching components...  dna-map found
  Reading documentation... done
  Loading the script...    done

<dna-map center="45.46,9.19"></dna-map>

# or go straight from the terminal
npx modula add dna-map

Showcase

What you can ship.

Placeholders while we build the launch content. Real examples land here as soon as creators publish their work.

Training Pro

Data Privacy Compliance Course

Twelve units with explainer video, scenario exercise, and quiz — exported to SCORM.

SKILL Lesson
Components
dna-videodna-quizdna-progress
Story Pro

Adriatic Sailing Journey

Scroll-driven travel narrative with GPS track, photo stops, and journal entries.

SKILL Map Scroller
Components
dna-mapdna-scroll-stepdna-gallery
Data Pro

Ocean Temperature Anomalies

A scrollable data story showing surface temperature trends from 1950 to 2023.

SKILL Data Story
Components
dna-chartdna-scroll-stepdna-annotation
See the gallery

Pricing

Modular growth, right in the plan.

What you produce during an active subscription stays yours — portable Web artifacts, no platform lock-in. Paid plans launch with the public beta.

Playground

Free

For learning, teaching, and exploring.

  • Educational component subset
  • Lesson SKILL
  • All AI connectors
  • Non-commercial use
Create a free account

Pro

Coming soon
€X / year

Pricing finalised before public launch.

  • All 90+ components
  • All public SKILLs
  • Commercial use
  • Removable signature
  • Email support
Join the waitlist

Enterprise

Custom

For teams that need custom SKILLs, dedicated support, and contractual guarantees.

  • Everything in Pro
  • Custom SKILLs & components
  • Dedicated integrations
  • Consulting & onboarding
  • SLA support
Contact sales

Frequently asked questions

And some answers.

What exactly is a SKILL?
A SKILL is a curated instruction package that teaches an AI how to compose a complete piece of interactive content — a lesson, a story, a scrollytelling article. It pairs Modula’s components with the editorial and pedagogical decisions needed to assemble them well. You give the AI a topic; the SKILL provides the structure.
Do I need to know how to code?
No. Most of Modula is designed to be used through your AI of choice — Claude, ChatGPT, or Gemini. You describe what you want; the AI uses Modula via MCP to produce the result. Developers who do want to integrate the components directly into an existing codebase can do that too.
What happens to my content if I cancel my subscription?
Everything you produced during an active subscription keeps working forever. The output is a self-contained Web Component artifact — no calls home, no platform dependency. You lose the ability to create new content and the access to updated components and SKILLs, but what you already shipped is yours indefinitely.
Can I use Modula for commercial work?
Commercial use is included on Pro and Enterprise. Playground is free for learning, teaching, and exploration but not for commercial output.
How does Modula compare to v0, Lovable, or Bolt?
Those tools ask the AI to invent components from scratch — great for prototypes, weak for content you’ll publish. Modula gives the AI a fixed library of accessible, themeable components and step-by-step guidance, so the output is visually coherent across generations, accessibility-tested, and ready to ship.
Can my dev team integrate Modula into our existing stack?
Yes. The components are vanilla Web Components — they work in React, Vue, Svelte, Astro, or plain HTML. Your team can pull bundles via MCP, npm, or the CLI and theme them to match your design system.

Get started

Build your first module for free.

The Playground plan includes everything you need to compose a lesson, a quiz, or a short interactive piece. Try it on your next chapter in under an hour.

Create a free account Read the docs

Get in touch

Questions about features, pricing, and workflows.

Plan of interest
Modula is an experimental SaaS platform for distributing Web Components. If what you found on this site sounds interesting, please reach out to us at info@chialab.it while we are setting up the platform.