Get started with Modulo

Starting snippet (embedded)

Note: This is meant for exploring features. Your work will not be saved.

Brand new?

Take the tutorial!

Modulo is brand new in general, so it's probably brand new to you as well! The Modulo tutorial goes through Modulo basics, starting with HTML and CSS (part 1 and 2), and then JavaScript (part 3).

Start the Tutorial ยป

Starting snippet (library)

When keeping your Components in a separate file (e.g. static/components.html), include with the following:

Note: This is meant for exploring features. Your work will not be saved.

Learn by example?

Explore the demos ยป

More ways to get started

Alternative CDNs

  • If want to integrate Modulo into a project that already uses ESM-style import syntax, you can use the Skypack CDN to do so, as follows:
    import { Modulo, modulo } from 'https://cdn.skypack.dev/mdu.js';
  • You can also pin a specific version of Modulo as such:
    https://unpkg.com/mdu.js@0.0.16/src/Modulo.js

Download

โŒ„ Modulo.js (Latest)

Or run the following command:


curl https://unpkg.com/mdu.js -o Modulo.js

NPM (Experimental)

If you prefer developing using npm, or want to try using Modulo to build an SSG-powered website, then get started with the tiny create-modulo scaffolding tool.

  • npm init modulo
    or...
  • npx create-modulo