Components and a collaborative editor in one kit.
CDK bundles Modula’s Web Component library, the collaborative Editor, and a Backend into one kit for your content infrastructure — framework-agnostic, themeable, accessible, and AI-assisted.
What’s inside
A component library, an editor, and a backend — 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 and ready for any stack, with an MCP server that plugs into your coding assistant so it builds with them the right way.
Editor
A block-based, collaborative editor — with a built-in AI assistant — that composes documents from those same components. Embed it in your product so authors build by hand or by prompt, without touching code.
Backend
Database models, REST APIs, collaborative sessions, and authentication — the backend to run the whole content platform on your own infrastructure.
How it works
From install to production.
Ready-made components and forms that adapt to your design and your infrastructure.
- Install
Add components via npm or the Modula CLI, or pull a ready-made bundle. No framework lock-in.
- Adapt
More than styling: theme with CSS custom properties — colors, type, spacing, dark mode — and wire everything into your own infrastructure, from storage to database.
- Ship
Drop the elements into any page, or let your team compose them in the Editor. Publish anywhere, on your own servers.
Catalog
Components for every kind of content.
The full catalog, by category — accessible, themeable Web Components for every layer of an interactive experience.
Interaction
Buttons, dialogs, menus, and drag-and-drop — the building blocks for every interactive surface.
Forms
Every input type you need: text, date, color, math, and rich text, with consistent accessibility.
Indicators
Spinners, progress bars, loaders, and timers — clear feedback on state and progress.
Content
Rich media and knowledge: video, 3D models, maps, formulas, timelines, and image hotspots.
Layouts
Structural components: tabs, slides, masonry grids, parallax scrollers, and sidebars.
Tools
Utilities that extend reading and interaction: read aloud, text marker, zoom, camera, audio recorder.
Exercises
Assessment and practice: multiple choice, fill-in-the-blanks, crosswords, video quizzes, and sorting.
Charts
Data visualization: bar charts, pie charts, and diagrams for presenting data clearly.
Plans
Three layers to build your stack.
Start with the component library, add the Editor when needed, and move to the Backend when you need a full platform.
Component library
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
Fixed initial price for title, section, link, and text blocks, plus a fee per additional block type.
- Embeddable collaborative editor
- Initial setup for base blocks
- Modular expansion for new blocks
- Authoring workflows for your team
+ Backend
Includes database models, REST APIs, collaborative sessions, and authentication for production deployments.
- Ready-to-use database models
- Extensible REST APIs
- Collaborative sessions
- Authentication and access control
Plans are purchased through direct contact — tell us what you need and we’ll put together a quote.
Frequently asked questions
Questions about CDK.
Which frameworks does it work with?
How do I theme the components?
What is the Editor?
How do I get the components into my project?
Get in touch