science New Horizons Lab Builder
0 questions

Lab Builder / Overview

Lab Builder

Create interactive quiz labs for New Horizons Classroom. One section at a time — details, theme, questions by type, preview, then publish.

How it works

  1. Lab details — name, slug, description, cover, tags
  2. Theme — pick one of 30+ gradient themes or build your own
  3. Questions — add Select, Match pairs, Slider, and more
  4. Preview — try the lab before students see it
  5. Publish — live URL for classroom iframe

Jump to

edit_note

Lab details

Name, URL slug, description, cover image

palette

Theme

30+ gradient themes · or your own colors

quiz

Questions

All interaction types in one place

join_inner

Match pairs

Tap a left item, then its right partner

article

Live preview

Play the lab before you publish

cloud_upload

Publish

Send to Cloudflare Worker · get live link

Lab Builder / Lab details

Lab details

Name, URL, description, cover, and tags for the lab card.

Live URL after publish
https://nh-labs.mmunasinghesos.workers.dev/plant-power

Fill in the details above, then press Continue to questions to start adding quiz items.

Lab Builder / Theme

Themes

Pick a theme from the grid below — big gradient boxes, one click. Or build your own with the Custom colors box.

Theme gallery

Tap any box to apply it. The big gradient block shows the lab background; the bottom band shows the button colors.

Custom — build your own theme

Change any color below to switch to your own theme. It is saved together with the lab.

#34a853
#f9c74f
#0e1a12
#142018

These colors drive buttons, progress bar, and the dark lab shell students see.

Lab Builder / All questions

Questions

Add any type · reorder · edit · delete

Lab Builder / Questions / Select

Select

Single correct option. Students pick one answer.

Questions of this type also appear under All questions.

Lab Builder / Questions / Multi-select

Multi-select

Tick every correct option. Submit when ready.

Lab Builder / Questions / Match pairs

Match pairs

Students tap an item on the left, then its matching partner on the right.

Lab Builder / Questions / Drag & arrange

Drag & arrange

Items into zones (e.g. nucleus / cloud).

Lab Builder / Questions / Slider

Slider

Numeric range with tolerance around the correct value.

Lab Builder / Questions / Scramble

Scramble

Tiles that form a full answer when joined.

Lab Builder / Questions / True / False

True / False

Simple binary choice.

Lab Builder / Questions / Fill blanks

Fill blanks

Short accepted answers for a labeled blank.

Lab Builder / Questions / Type answer

Type answer

Free-text with a list of accepted answers.

Lab Builder / Live preview

Live preview

How the lab will look for students

article
Add at least one question,
then click Refresh preview

Lab Builder / My labs

My labs

Saved in this browser (IndexedDB). Open to edit again.

Lab Builder / Publish & export

Publish & export

Send the lab to your Cloudflare Worker or download JSON.

Publish

Students open the live link in the classroom iframe.

Published

Publish posts to nh-labs.mmunasinghesos.workers.dev. Save keeps a local copy in this browser only.

Cleaner lab URLs — support a domain

language Donate $30 for a custom domain

Right now labs use a free-tier worker URL. A custom domain would give students cleaner links like https://newhorizons-beyondhorizon.pages.dev/labs/… Help us replace the free tier domain so every published lab looks professional in the classroom.