Blocks

Creator Guide

Build courses people actually finish

Everything you need to turn what you know into bite-sized, gamified lessons, snap content blocks together like puzzle pieces and watch learners earn XP and keep their streaks alive.

Welcome

๐Ÿ‘‹What is Learning Blocks?

Learning Blocks is a platform for building interactive, gamified courses , the kind that feel more like a game than homework: short lessons, instant feedback, XP, and a streak you don't want to break.

As a creator, you assemble each lesson from blocks, small, ready-made pieces for explaining, quizzing, and challenging your learners. You snap them together like puzzle pieces, and the platform handles the scoring, progress tracking, and rewards for you.

This guide walks through how a course is structured, what every block does, and how to publish and share your work. Each block below has a live demo you can play with right here on the page.

The big idea

๐ŸงฉHow it works

๐Ÿงฑ

Snap blocks together

Add text, quizzes, flashcards, video and more to a lesson. Drag them into the order you want.

๐ŸŽฎ

Make it a game

Interactive blocks award XP for correct answers. Learners keep a streak and climb as they go.

๐Ÿš€

Publish & share

Flip your course to published, share the link, and watch people learn on web and mobile.

Structure

๐Ÿ—‚๏ธAnatomy of a course

Every course nests four layers. From biggest to smallest:

๐Ÿ“š

Course

The whole thing, a subject you're teaching, e.g. โ€œIntro to Astronomyโ€.

๐Ÿ“ฆ

Unit

A major chapter within the course, e.g. โ€œThe Solar Systemโ€.

๐Ÿ“

Section

A node on the course map, a small cluster of related lessons.

๐ŸŽ“

Lesson

A single, finishable session a learner plays in a few minutes.

๐Ÿงฑ

Block

The smallest piece, one explanation, question, or activity.

In short: Course โ†’ Units โ†’ Sections โ†’ Lessons โ†’ Blocks.

Layer 2

๐Ÿ“ฆUnits

A unit is a major chapter of your course. Most courses have a handful of units, each covering a big theme. They appear as labeled bands running down the course map.

  • โ€ข Give each unit a clear title and an emoji icon so learners can tell chapters apart at a glance.
  • โ€ข Order units from foundational to advanced, learners move down the map top to bottom.
  • โ€ข A unit can be marked as a checkpoint to signal a milestone in the journey.

Layer 3

๐Ÿ“Sections

Inside a unit, content is grouped into sections, the circular nodes you tap on the winding course map. Each section holds one or more lessons on a single focused topic.

  • โ€ข Think of a section as โ€œone idea, taught wellโ€. Keep them tight, a few lessons each.
  • โ€ข Each section gets its own icon emoji, which shows on its map node.
  • โ€ข Sections unlock in order as learners earn enough XP, so the path always feels like progress.

Layer 4

๐ŸŽ“Lessons

A lesson is what a learner actually plays, a short stack of blocks they move through one at a time, finishing with a celebration screen and their XP for the session.

You give each lesson a title and fill it with blocks, the platform handles the rest: stepping the learner through one block at a time, scoring the interactive ones, and tallying the XP at the end.

There's no lesson โ€œtypeโ€ setting, but the way you mix your blocks naturally shapes a lesson into one of these roles:

๐Ÿ“˜

Standard

Mostly teaching blocks with a few checks, your everyday lesson that introduces new material.

๐Ÿ”

Practice

Stack interactive question blocks with little new theory to reinforce a skill.

๐Ÿ”ฅ

Challenge

Lean on the tougher blocks to stretch learners who want more.

๐Ÿง 

Review

Revisit questions from earlier sections to lock material into memory.

Aim for lessons a learner can finish in 2โ€“5 minutes. Short lessons feel achievable, and finishing one is what keeps streaks and momentum alive.

Layer 5, the building blocks

๐ŸงฑBlocks

Blocks are the heart of the platform. There are 14 types, grouped by what they're for. Mix teaching blocks with interactive ones so every lesson both explains and checks.

๐Ÿ“–

Teach

Set up an idea before you test it.

TextImageVideoReveal Steps
๐ŸŽฏ

Check understanding

Quick questions with right / wrong answers.

Multiple ChoiceTrue / FalseFill in the Blank
๐Ÿง 

Make them think

Drag, sort, match, and build for deeper recall.

Matching PairsSort ListWord BankSliderHotspot (soon)
โœจ

Engage & review

Self-test and gather opinions, no pressure.

FlashcardPoll
๐Ÿ“

Text

2 XP

Learners read a passage of formatted text, perfect for teaching a concept before you quiz on it.

How to set it up

  1. 1.Write the explanation in the body field.
  2. 2.Use it to set up the blocks that follow.
๐Ÿ’ก Tip ยท Keep it to a few sentences. Pair a Text block with a question block right after to check understanding.

Try it ๐Ÿ‘‡

Concept

Photosynthesis ๐ŸŒฟ

Plants turn sunlight, water, and carbon dioxide into glucose and oxygen. The green pigment chlorophyll captures the light that powers the whole reaction.

๐ŸŽฏ

Multiple Choice

10 XP

Learners pick one correct answer from a list of options and get instant right/wrong feedback.

How to set it up

  1. 1.Write the question prompt.
  2. 2.Add 2-4 answer options.
  3. 3.Mark exactly one option as correct.
๐Ÿ’ก Tip ยท Make the wrong answers plausible, obvious distractors make the question too easy.

Try it ๐Ÿ‘‡

Which pigment captures light for photosynthesis?

โœ…

True / False

5 XP

Learners judge a single statement as true or false, then see if they were right.

How to set it up

  1. 1.Write a clear statement.
  2. 2.Set whether it is true or false.
๐Ÿ’ก Tip ยท Avoid double negatives, keep the statement crisp so the answer hinges on the concept, not the wording.

Try it ๐Ÿ‘‡

Whales are mammals, not fish.

โœ๏ธ

Fill in the Blank

10 XP

Learners type the missing word or phrase to complete a sentence.

How to set it up

  1. 1.Write the sentence and mark the blank.
  2. 2.Enter the accepted answer(s).
๐Ÿ’ก Tip ยท Allow common variations (capitalization, synonyms) so correct answers aren't marked wrong.

Try it ๐Ÿ‘‡

The capital of France is ______.

๐Ÿ”—

Matching Pairs

10 XP

Learners connect each item on the left to its matching item on the right.

How to set it up

  1. 1.Add pairs of related items.
  2. 2.Each left item maps to its correct right item.
๐Ÿ’ก Tip ยท Use 3-5 pairs. Too many turns matching into a memory chore instead of a learning check.

Try it ๐Ÿ‘‡

Match each animal to its sound.

๐Ÿ“‹

Sort List

10 XP

Learners drag items into the correct order, great for sequences, steps, or rankings.

How to set it up

  1. 1.Add the items.
  2. 2.Arrange them in the correct order.
๐Ÿ’ก Tip ยท Best for things with one true order: timelines, process steps, or size/value rankings.

Try it ๐Ÿ‘‡

Put the plant life cycle in order.

1. Flower
2. Plant seed
3. Fruit
4. Sprout
๐Ÿƒ

Flashcard

5 XP

Learners see a prompt, think, then flip the card to reveal the answer.

How to set it up

  1. 1.Write the front (prompt).
  2. 2.Write the back (answer).
๐Ÿ’ก Tip ยท Great for vocabulary and definitions. There's no scoring, it's for self-testing.

Try it ๐Ÿ‘‡

Tap the card to flip

๐Ÿ”ค

Word Bank

5 XP

Learners build a sentence by tapping words from a bank in the right order.

How to set it up

  1. 1.Write the target sentence.
  2. 2.Add distractor words to make the bank challenging.
๐Ÿ’ก Tip ยท Add a couple of extra wrong words so it isn't just re-ordering the exact answer.

Try it ๐Ÿ‘‡

Build the sentence: tap the words in order.

Your sentenceโ€ฆ
๐ŸŽš๏ธ

Slider

10 XP

Learners drag a slider to pick a numeric value, scored against a target range.

How to set it up

  1. 1.Set the min and max range.
  2. 2.Set the correct value and an acceptable margin.
๐Ÿ’ก Tip ยท Use for estimates and 'how much' questions. Set a sensible margin so near-misses still count.

Try it ๐Ÿ‘‡

What percent of Earth's surface is water?

50%
๐Ÿ‘๏ธ

Reveal Steps

2 XP

Learners tap to reveal each step one at a time, ideal for walking through a process.

How to set it up

  1. 1.Add each step in order.
  2. 2.Learners reveal them sequentially.
๐Ÿ’ก Tip ยท Hide the punchline. Reveal blocks build anticipation when each step depends on the last.

Try it ๐Ÿ‘‡

How to make scrambled eggs ๐Ÿณ

1Crack the eggs into a bowl
๐Ÿ“Š

Poll

2 XP

Learners vote on an opinion question, there's no right answer, just aggregate results.

How to set it up

  1. 1.Write the question.
  2. 2.Add the response options.
๐Ÿ’ก Tip ยท Use polls to break up a lesson and boost engagement, they carry no XP penalty for being 'wrong'.

Try it ๐Ÿ‘‡

When do you study best? (no wrong answer)

๐Ÿ–ผ๏ธ

Image

2 XP

Learners view an image with an optional caption.

How to set it up

  1. 1.Upload or link an image.
  2. 2.Add an optional caption.
๐Ÿ’ก Tip ยท Use diagrams and visuals to explain what text can't. Keep captions short.

Try it ๐Ÿ‘‡

๐Ÿ—บ๏ธ

A labeled diagram or photo, with an optional caption underneath.

๐ŸŽฅ

Video

2 XP

Learners watch an embedded video inline in the lesson.

How to set it up

  1. 1.Paste a video URL (e.g. YouTube).
  2. 2.Add an optional caption.
๐Ÿ’ก Tip ยท Keep clips short and focused, link to a specific timestamp when you can.

Try it ๐Ÿ‘‡

Embed a YouTube or video URL, it plays right inside the lesson.

๐Ÿ“

Hotspot

10 XP

Learners tap labeled regions on an image to explore or answer.

How to set it up

  1. 1.Upload the image.
  2. 2.Place hotspots and label each region.
๐Ÿ’ก Tip ยท Perfect for anatomy, maps, or UI walkthroughs, anything where location matters.

Try it ๐Ÿ‘‡

Tap the parts of the car ๐Ÿš—

๐Ÿš™

Make it discoverable

๐Ÿท๏ธCourse details

A course's details decide how it looks in Explore and how the right learners find it. Set these in the course metadata panel:

๐Ÿ–ผ๏ธ

Cover image

The first thing people see. Use a bold, on-topic image.

โœ๏ธ

Title & description

Say plainly what learners will be able to do by the end.

๐Ÿ“‚

Category

Science, Language, Math, Coding, Art, Business, or Other.

๐Ÿ“Š

Difficulty

Beginner, Intermediate, or Advanced, set expectations honestly.

๐Ÿ’ก Tip ยท A clear title and an honest difficulty do most of the work, they tell the right learners at a glance whether the course is for them.

The reward system

โšกXP & rewards

XP (experience points) is the fuel of the platform. Learners earn it by completing interactive blocks, and it drives streaks, progress, and unlocking the next section.

You don't set XP by hand. A lesson's reward is the sum of its blocks, each block type is worth a fixed amount, so harder, more interactive blocks naturally pay out more. The more meaningful practice you pack into a lesson, the more XP it's worth.

๐ŸŽฏMultiple Choice10 XP
โœ๏ธFill in the Blank10 XP
๐Ÿ”—Matching Pairs10 XP
๐Ÿ“‹Sort List10 XP
๐ŸŽš๏ธSlider10 XP
๐Ÿ“Hotspot10 XP
โœ…True / False5 XP
๐ŸƒFlashcard5 XP
๐Ÿ”คWord Bank5 XP
๐Ÿ“Text2 XP
๐Ÿ‘๏ธReveal Steps2 XP
๐Ÿ“ŠPoll2 XP
๐Ÿ–ผ๏ธImage2 XP
๐ŸŽฅVideo2 XP

XP is awarded server-side and can't be gamed by learners, you can trust the numbers on your course.

Go live

๐Ÿš€Publishing & sharing

While you build, your course stays a private draft, only you can see it. When it's ready, flip it to published from your courses page.

๐Ÿ“

Draft

Work in progress. Edit freely; nobody else sees it.

๐ŸŒ

Published

Live and discoverable in Explore for everyone.

๐Ÿ”—

Share code

Every course has a link you can send directly, even before going fully public.

Changed your mind? You can unpublish any time. That stops new learners from discovering the course while keeping everyone who's already enrolled exactly where they are.

Teach live

๐ŸซClassrooms

A class is one of your courses taught to a real group - a school class, a tutoring group, a cohort. You get a join code, a live roster, pacing controls, and a class leaderboard. Classes need the Classroom plan (which includes everything in Premium); your students always join free - your plan covers them, up to your plan's seat limit across all your running classes.

Start from the Classes page: pick a course, name the class, and choose a pacing mode. You can change settings any time.

๐Ÿƒ

Self-paced

Every unit is open. Students move as fast as they like.

๐Ÿ“…

Scheduled

Units unlock on dates you set - plan a whole term in advance.

๐Ÿšฆ

Teacher-gated

You unlock each unit live, right when the class is ready for it.

In every mode the first unit is always open, and you can manually unlock any unit early - a manual unlock always wins. Inside an unlocked unit, lessons still open in order as students progress.

๐ŸŽŸ๏ธ

Students join with a code

Every class has a short join code. Share it however you like - students enter it in the app and they're in. Want a say in who joins? Turn on approval and new joiners wait for your OK. You can rotate the code at any time if it leaks, and remove or block anyone from the roster.

โ–ถ๏ธ

The class lifecycle

A class starts as a draft, opens for enrollment, then runs. When the term is over, end it: students keep their results and the leaderboard stays visible, but lessons stop counting for the class. You can also set start and end dates and let the class move through these stages on its own.

โšก

Class XP & the leaderboard

Students earn class XP for lessons they complete in your class - a separate tally from their lifetime XP, so someone who already finished the course once still competes fairly. Perfect scores earn a bonus, and finishing the whole course earns a big one.

๐Ÿ‘€

The roster is live

See each student's progress and class XP at a glance, approve pending joiners, and keep the class tidy. Students see the leaderboard; only you see the full roster.

Good to know: if your Classroom subscription lapses, your classes pause - students keep their results but can't continue lessons until you resubscribe, and everything picks up exactly where it left off. Ending or archiving a class frees up its seats for your next one.

Before you publish

โœ…Creator checklist

  • โœ“Each lesson finishes in 2โ€“5 minutes.
  • โœ“Every teaching block is followed by a question that checks it.
  • โœ“Wrong answers in your quizzes are plausible, not throwaway.
  • โœ“Units and sections are ordered foundational โ†’ advanced.
  • โœ“Title, description, category, difficulty, and a cover image are all set.
  • โœ“You played through the whole course yourself at least once.
๐Ÿงฉ

Ready to build your first course?

Create an account to open the editor and start snapping blocks together. Already have one? Sign in and pick up where you left off.