Components and a collaborative editor in one kit.

CDK bundles Modula’s Web Component library, the collaborative Editor Kit, and a Server SDK into one toolkit for your content infrastructure — framework-agnostic, themeable, and accessible by default.

Browse components Read the docs

What’s inside

A library, an editor, and a server — built to work together.

Everything you need to build interactive content, let non-developers compose it, and run it on your own infrastructure.

Web Components

90+ accessible, themeable Web Components — timelines, quizzes, scrollytelling, maps, galleries. Framework-agnostic, ready for any stack.

Browse components

Editor Kit

A block-based, collaborative editor that composes documents from those same components. Embed it in your product so authors build without touching code.

Discover the Editor Kit

Server SDK

Database models, REST APIs, collaborative sessions, and authentication — the backend to run the whole content platform on your own infrastructure.

Read the docs

How it works

From import to production.

No new build step to learn. Pull the components you need and ship.

  1. 01 • Install

    Add components via npm or the Modula CLI, or pull a ready-made bundle. No framework lock-in.

  2. 02 • Theme

    Style with CSS custom properties to match your design system — colors, type, spacing, dark mode.

  3. 03 • Ship

    Drop the elements into any page, or let your team compose them in the Editor Kit. Publish anywhere.

Catalog

Components for every kind of content.

A curated set covering editorial, educational, and data-driven experiences.

Editorial & storytelling

Scrollytelling, galleries, timelines, and media players for narrative and long-form content.

Learning & assessment

Quizzes, drag-and-drop, flip-cards, and assignment tracking for lessons and training.

Data & maps

Charts, diagrams, and map-driven components for data stories and geo-narratives.

Browse components

CDK pricing

Three plans to build your stack.

Start with the component library, add editor core when needed, and move to the server SDK when you need a full platform.

Components only

—

Access to the Web Component library to integrate interactive experiences in your stack.

  • Full component library
  • Self-hosted delivery
  • Works with React, Vue, Svelte, and HTML
  • Best for frontend teams

Editor core

—

Fixed initial price for title, section, link, and text blocks, plus N fee per additional block type.

  • Embeddable collaborative editor
  • Initial setup for base blocks
  • Modular expansion for new blocks
  • Authoring workflows for your team

Server SDK

—

Includes database models, REST APIs, collaborative session, and authentication for enterprise deployments.

  • Ready-to-use database models
  • Extensible REST APIs
  • Collaborative session
  • Authentication and access control

Frequently asked questions

Questions about CDK.

Which frameworks does it work with?
The components are vanilla Web Components (Custom Elements), so they work in React, Vue, Svelte, Astro, or plain HTML — no wrapper required.
How do I theme the components?
Every component exposes CSS custom properties for color, typography, and spacing. Set them globally or per instance to match your design system, including dark mode.
What is the Editor Kit?
A block-based, collaborative editor that composes documents from the same components. Embed it in your product so non-developers can assemble interactive content without code.
How do I get the components into my project?
Install from npm, pull a bundle with the Modula CLI, or fetch a project bundle by URL. Bundles stay updated through Modula’s release cycle.

Get in touch

Questions about features, pricing, or workflows?

Product of interest