blockly.dev exists because so much is free.

Thanks.

We keep every lesson free by building on open-source software and free infrastructure. This incomplete list credits some of the people and projects whose work makes blockly.dev possible.

The free infrastructure that hosts us

  • Cloudflare Pages

    A global CDN that delivers every static page from an edge close to the learner.

  • GitHub

    Code hosting and automated checks that build every change before it ships.

  • Google Fonts

    Inter and Noto Sans make the course readable across Latin, Chinese, Japanese, and Korean scripts.

The block-coding lineage

  • Seymour Papert

    Logo, constructionism, and the conviction that children can program shaped everything that followed.

  • Mitchel Resnick & the MIT Media Lab Lifelong Kindergarten group

    Scratch put block-based programming in front of millions of children and proved the idea at scale.

  • Google Blockly

    The open-source library that renders, edits, and saves every block in our workspaces.

  • Microsoft MakeCode

    Its category-toolbox patterns show how block coding can welcome absolute beginners.

The open-source stack we build on

  • Next.js (Vercel)

    The framework that produces this static site.

  • React (Meta)

    The component model behind the interface.

  • TypeScript (Microsoft)

    The language that catches mistakes before learners meet them.

  • Tailwind CSS

    The styling system maintained by Adam Wathan and its contributors.

  • Vitest, Testing Library, jsdom

    The tools that run the automated checks for lessons, engines, and interfaces.

  • Howler.js

    The audio engine that plays lesson narration.

  • Firebase (Google)

    Optional sign-in and cross-device progress storage.

  • ffmpeg & music-metadata

    The tools that measure, fit, and join narration tracks.

And to every teacher who has ever sat down next to a beginner and said "the computer only does exactly what you tell it to" — this is the line we are still trying to teach.