Menu Open

A-Frame for LiaScript: 3D and VR Scenes in Your Course

Embed interactive 3D scenes and VR environments in LiaScript using the A-Frame template — write HTML A-Frame markup in a code block and render a fully interactive WebGL scene on any page.

Algebrite for LiaScript: A Computer Algebra System in the Browser

Use the Algebrite template to add symbolic math computation to your LiaScript courses — evaluate CAS expressions, check student answers algebraically, and verify equations directly in the browser.

AVR8js for LiaScript: Simulate Arduino and AVR Microcontrollers in the Browser

Use the AVR8js template to simulate Arduino sketches and AVR microcontroller programs directly in your LiaScript courses — complete with LEDs, buttons, displays, and serial output.

AVR8js-mem for LiaScript: Memory Register Visualization for AVR Microcontrollers

Simulate Arduino/AVR8 programs in LiaScript with live memory register readout — AVR8js-mem extends the AVR8js template with configurable memory visualization: binary, hex, uint, custom format, or time-series diagrams.

BeforeAndAfter for LiaScript: Compare Two Images with a Slider

Add a drag-to-compare image slider to any LiaScript slide with a single inline macro — perfect for before/after comparisons in science, medicine, history, design, and geography.

BiwaScheme for LiaScript: Functional Programming with Scheme in the Browser

Use the BiwaScheme template to run Scheme programs in your LiaScript courses — a complete Scheme interpreter in the browser, with an optional interactive REPL terminal.

Chat-Simulation for LiaScript: Bring Dialogues to Life in Your Course

Use the Chat-Simulation template to embed animated, multi-participant chat conversations directly in your LiaScript course — ideal for dialogues, case studies, and collaborative learning scenarios.

ChemfigJS for LiaScript: LaTeX-Style Structural Chemical Formulas in the Browser

Draw chemical structural formulas using the familiar chemfig LaTeX syntax directly in LiaScript — no LaTeX installation, no image exports, SVG rendered live in the browser by ChemfigJS.

ChemmacrosJS for LiaScript: Professional Chemistry Notation in Courses

Write professional chemical formulas, reaction equations, GHS hazard pictograms, and H/P safety statements in LiaScript with ChemmacrosJS — a port of the LaTeX Chemmacros package for the browser.

Citations for LiaScript: BibTeX References and Bibliography in Online Courses

Use the citations template to embed BibTeX references directly in your LiaScript courses — inline citations, full bibliographies, DOI lookup, and four citation styles in one import.

Comunica for LiaScript: Run SPARQL Queries and Explore Knowledge Graphs

Use the Comunica template to write and execute SPARQL queries against live knowledge graphs and custom RDF datasets — directly in your LiaScript course, with no server needed.

Curiosity-Prolog for LiaScript: Lightweight Logic Programming in the Browser

Use the Curiosity-Prolog template to add a simple Prolog interpreter to your LiaScript courses — a lightweight alternative for introductory logic programming exercises.

Custom Code Imports for LiaScript: Load External Files Into Executable Blocks

Fetch external source code files from any URL and display or execute them in LiaScript — the Custom-code-imports template demonstrates how to use script blocks, the LIASCRIPT: prefix, and the fetch API to build dynamic, URL-loadable code exercises.

dbdiagram for LiaScript: Design and Visualize Database Schemas with DBML

Use the dbdiagram template to render interactive entity-relationship diagrams from DBML text directly in your LiaScript courses — with a single macro.

DigiSim for LiaScript: Interactive Digital Circuit Simulation

Simulate digital logic circuits — from simple gates to D-latches and priority encoders — directly in LiaScript using the DigiSim template. Define circuits in JSON or JavaScript DSL.

DragAndDrop Template for LiaScript: Order and Multiple-Choice Drag Quizzes

Build drag-and-drop quizzes in LiaScript with the DragAndDrop template — sortable order exercises and pool-based multiple-choice selection, both graded automatically.

ExplainGit for LiaScript: Visualize Git Repositories Interactively

Teach git branching, merging, and history with interactive animations directly in LiaScript — pre-define command sequences or let students type git commands live, powered by ExplainGit.

Fonts for LiaScript: Custom Typography in Online Courses

Embed custom web fonts in LiaScript courses using CSS @font-face, Google Fonts link directives, or inline style blocks — the Fonts template from LiaPlayground demonstrates all three approaches.

Fullscreen for LiaScript: Clean Presentation Mode Without the Navigation Bar

Use the Fullscreen template to automatically hide the LiaScript navigation bar when entering fullscreen mode — one import, zero configuration, clean presentations.

GGBScript for LiaScript: Interactive Geometry Constructions in the Browser

Use the GGBScript template to create interactive GeoGebra-style geometry constructions directly in your LiaScript courses — with a JavaScript API and support for LiaScript input sliders.

H5P in LiaScript: Embed Interactive H5P Content in Courses

Embed H5P interactive activities — quizzes, videos, presentations, games — directly in LiaScript courses using a simple iframe. A proof-of-concept for integrating H5P content from h5p.org or any LRS.

JSCAD for LiaScript: Parametric 3D CAD Modeling in the Browser

Use the JSCAD template to create and display parametric 3D CAD models in your LiaScript courses — powered by JSCAD.app, with a fullscreen interactive 3D viewer.

JSCPP for LiaScript: Run C++ Directly in the Browser Without a Compiler

Use the JSCPP template to make C++ code blocks executable in your LiaScript courses — no compiler, no setup, just write C++ and teach.

KekuleJS for LiaScript: Chemistry Structures and Molecular Visualization

Use the KekuleJS template to render 2D and 3D chemical structure formulas, interactive periodic tables, and molecular files directly in LiaScript — no plugins required.

lia-annotation for LiaScript: Live Drawing Overlay for Classroom Presentations

Add a freehand drawing overlay to every LiaScript slide with lia-annotation — pen, eraser, undo/redo, and optional LaTeX OCR for handwritten quiz answers, all in presentation mode.

lia-board-mode for LiaScript: Full-Screen Classroom Presentation Mode

Turn any LiaScript course into a classroom-ready presentation with lia-board-mode — full-screen slide width, adjustable font sizes from the toolbar, and mode-conditional content blocks.

lia-canvas-ocr for LiaScript: Handwriting Recognition in Math Quizzes

Let students hand-write math answers on a canvas with lia-canvas-ocr — the browser-based LaTeX OCR engine recognizes handwriting and fills quiz fields automatically, no server needed.

lia-coordinate for LiaScript: Interactive JSXGraph Coordinate Exercises

Build interactive coordinate system exercises in LiaScript with lia-coordinate — drag points, plot functions, draw value tables, and auto-grade student answers, powered by JSXGraph.

lia-DynFlex for LiaScript: Resizable Multi-Column Layouts

Create drag-to-resize multi-column layouts in LiaScript with lia-DynFlex — flexbox containers with persistent widths, theme integration, and full support for quiz elements in each column.

lia-freeze-v2 for LiaScript: Quiz Submission and Teacher Review Links

Let students freeze their LiaScript quiz answers into a shareable URL with lia-freeze-v2 — the teacher opens the link, sees exactly what the student answered, and the page is locked for review.

lia-kachel for LiaScript: Drag-and-Drop Tile Quizzes

Enhance LiaScript's built-in tile quizzes with lia-kachel — rounded drag-and-drop cards with full touch support, order-independent grading, and sequential reveal modes for classroom exercises.

lia-marker for LiaScript: Color-Coded Text Highlighting Quizzes

Add interactive text highlighting to LiaScript courses with lia-marker — students color-code words in six colors, while quiz macros verify that the right terms are highlighted in the right color.

lia-Mathe for LiaScript: Interactive Fraction Quizzes with Visual Feedback

Create interactive fraction quizzes in LiaScript with lia-Mathe — students set divisions with a slider and click circle or rectangle segments to represent fractions, with automatic grading.

lia-navigation for LiaScript: Collapsible Hierarchical Table of Contents

Replace LiaScript's default TOC with a collapsible, hierarchical navigation tree using lia-navigation — bookmarks, expand/collapse, active highlighting, and persistent state storage.

lia-orthography for LiaScript: Spelling and Dictation Exercises

Create interactive spelling correction and dictation exercises in LiaScript with lia-orthography — inline correction, full-text editing with diff feedback, and narrated dictation gaps.

lia-timer for LiaScript: Countdown Timers for Quizzes and Exercises

Add countdown timers to any LiaScript quiz with lia-timer — three trigger modes (immediate, on-check, manual), flexible time formats, and optional on-screen badges for timed assessments.

LiveEdit-Embeddings for LiaScript: Inline Interactive LiaScript Examples

Embed fully interactive LiaScript examples directly in your course using the LiveEdit-Embeddings template — students can edit and preview LiaScript code without leaving the slide.

LogicEmu for LiaScript: ASCII Logic Circuits That Actually Run

Draw logic circuits as ASCII diagrams and run them live in LiaScript — using the LogicEmu template backed by Lode Vandevenne's logicemu simulator. No JSON, no schematic editor needed.

Lua for LiaScript: Execute Lua Scripts Interactively in the Browser

Use the Lua template to make Lua code blocks executable in your LiaScript courses — a full Lua VM in the browser, with access to JavaScript globals.

mec2 for LiaScript: 2D Mechanism and Physics Simulation

Simulate 2D mechanical linkages, constraint-based mechanisms, and chaos systems in LiaScript using mec2 — define nodes, constraints, and views in JSON and watch them run.

p5js for LiaScript: Creative Coding and Generative Graphics in the Browser

Use the p5js template to create interactive canvas sketches and generative graphics directly in your LiaScript courses — with multi-file project support and a live terminal.

Pannellum for LiaScript: 360° Panoramas and Virtual Tours in Your Course

Embed interactive 360° panorama images and virtual tours in LiaScript using the Pannellum template — add clickable hotspots, links, and 360° video, all from a single image URL.

PeriodicTable for LiaScript: An Interactive Element Table in Your Course

Add a fully interactive periodic table of the elements to any LiaScript course slide with a single macro — no setup, no server, just import and use.

PGlite for LiaScript: Full PostgreSQL in the Browser

Use the PGlite template to run full PostgreSQL 16 queries directly in your LiaScript courses — no server, no setup, just write SQL and teach.

plantUML for LiaScript: UML and Architecture Diagrams in Your Course

Use the plantUML template to embed UML class diagrams, sequence diagrams, flowcharts, and architecture diagrams in your LiaScript courses — rendered via the PlantUML service.

PouchDB for LiaScript: NoSQL Documents and Mango Queries in the Browser

Use the PouchDB template to teach NoSQL document databases, Mango queries, and real-time data changes — entirely in the browser, with no server needed.

Random for LiaScript: Dynamic Quiz Banks and Randomized Practice Sets

Randomly sample exercises from a larger pool in LiaScript using the Random template — show only N items per page visit, support weighted selection, and filter out already-solved quizzes.

Redis for LiaScript: Explore Key-Value Stores and Data Structures in the Browser

Use the Redis template to teach key-value stores, Redis data structures, TTL, transactions, and caching patterns — directly in your LiaScript courses, with no server needed.

SCORM-Progress for LiaScript: Score and Completion Tracking in LMS

Display a live gauge of student score and completion progress in LiaScript courses deployed via SCORM — the SCORM-Progress template reads window.SCORE and renders an ECharts gauge visualization.

SpreadSheet for LiaScript: Excel-Style Interactive Tables in Your Course

Embed fully interactive spreadsheets with formulas, dropdowns, checkboxes, and multiple worksheets directly in LiaScript — powered by JSSpreadsheet, no backend required.

Tau-Prolog for LiaScript: Interactive Logic Programming in the Browser

Use the Tau-Prolog template to run Prolog programs and queries interactively in your LiaScript courses — full logic programming in the browser, with quiz integration.

TextAnalysis for LiaScript: Readability Scores and Text Complexity Metrics

Analyze text readability in LiaScript using the TextAnalysis template — compute Flesch-Kincaid grade, Gunning Fog, SMOG, reading/speaking time, and more, with inline interpretation tables.

TikzJax for LiaScript: Render TikZ Diagrams Directly in the Browser

Use the TikzJax template to render TikZ diagrams directly in your LiaScript courses — the full power of LaTeX graphics in the browser, with editable and non-editable variants.

TinyTurtle for LiaScript: Teach JavaScript with Interactive Turtle Graphics

Use the TinyTurtle template to introduce JavaScript through interactive turtle graphics in your LiaScript courses — ideal for beginners, with an optional live command terminal.

Vega for LiaScript: Interactive Data Visualizations in Your Course

Use the Vega template to embed interactive Vega-Lite charts and data visualizations in your LiaScript courses — bar charts, scatter plots, histograms, and more, from JSON specifications.

VTK for LiaScript: 3D Scientific Visualization Powered by VTK.js

Use the VTK template to embed interactive 3D scientific visualizations in your LiaScript courses — powered by VTK.js and WebGL, with editable code blocks and VTI dataset loading.

WebDev for LiaScript: Run HTML, CSS, and JavaScript Live in Your Course

Use the WebDev template to make HTML, CSS, and JavaScript code blocks editable and executable directly inside your LiaScript courses — no external tools, no setup.

WebSerial for LiaScript: Connect Your Code Editor to Real Hardware

Use the WebSerial template to send Python/MicroPython code directly from a LiaScript code block to a connected microcontroller (ESP32, Raspberry Pi Pico) via Chrome's Web Serial API.

Wikimedia for LiaScript: Embed Media with Automatic Attribution

Use the Wikimedia template to embed images, audio, and video from Wikimedia Commons into your LiaScript courses — with automatic attribution, license info, and no manual copy-pasting required.

ABCjs for LiaScript: Embed and Play Music Notation in Open Courses

Use the ABCjs template to write, render, and play music in ABC notation directly inside your LiaScript courses — no server, no extra tools, just text.

AlaSQL for LiaScript: Teach SQL and Query CSV Data in the Browser

Use the AlaSQL template to run SQL queries directly inside LiaScript courses — with support for CSV data, JSON, and JavaScript arrays. No server, no setup.

CodeRunner for LiaScript: Execute Code in 50+ Languages Server-Side

Run Python, Java, C, C++, Ruby, Rust, Go, Haskell, and 40+ more languages directly inside LiaScript courses via a server-side code runner — no browser limitations, real compilers.

CollaborativeDrawing for LiaScript: Shared Whiteboards for Live Classrooms

Add a shared, real-time drawing canvas to any LiaScript course — ideal for live classrooms, annotation tasks, and collaborative note-taking with no server required.

DuckDB for LiaScript: Teach Data Analytics Directly in the Browser

Use the DuckDB template to run analytical SQL queries, explore datasets, and teach data analytics directly inside LiaScript courses — no server, fully powered by WebAssembly.

Mermaid for LiaScript: Create Flowcharts and Diagrams in Plain Text

Use the Mermaid template to draw flowcharts, sequence diagrams, Gantt charts, ER diagrams, and more in plain text — directly inside your LiaScript courses, no server needed.

MicroBit-Simulator for LiaScript: Teach MicroPython Without a Physical Device

Simulate a BBC micro:bit and run MicroPython code directly inside your LiaScript course — no hardware, no server, just a browser.

Pyodide for LiaScript: Run Python Directly in Your Course

Use the Pyodide template to run Python code directly inside LiaScript courses — no server, no setup. Just import and teach.

Speech-Recognition-Quiz for LiaScript: Turn Spoken Words into Interactive Quizzes

Use the Speech-Recognition-Quiz template to create spoken-answer quizzes in LiaScript — ideal for language courses, pronunciation training, and accessible learning without any server.

SQLite for LiaScript: Teach SQL Interactively in the Browser

Use the SQLite template to create, query, import, and export SQL databases directly inside LiaScript courses — no server, no setup, just SQL in the browser.

Spec-Driven Development: Was Lehrende von Entwicklern lernen können

Entdecken Sie, wie die BMAD-Methode aus der Softwareentwicklung mit spezialisierten KI-Agenten die Erstellung von Lehrinhalten revolutioniert. Lernen Sie den Teaching-Agent kennen, der Lehrende durch alle Phasen der Kursentwicklung begleitet – von der ersten Grobstruktur bis zum fertigen LiaScript-Kurs.

AI-Assisted Course Creation: From Markdown to Interactive Learning in 3 Hours

How do you transform a plain Markdown document into an engaging, interactive learning experience complete with animations, quizzes, AI-generated imagery, and video narration—all within a three-hour workshop? This is the story of our “Buchstabensuppe” (Alphabet Soup) tutorial, where we demonstrated the full potential of combining LiaScript with modern AI tools.

From PDF to LiaScript Course — Speedrun with AI

This two-part speedrun shows how you can transform static documents into interactive, narrated LiaScript courses quickly using LLMs, image AI, browser TTS and HeyGen presenter videos.

SVG Integration

Although SVGs have been usable in LiaScript for quite a while, their integration just got a lot tighter. In short: you can now mix SVG and LiaScript content directly, turning static vector graphics into living, clickable, even quiz-enabled experiences.

Sharing via gitlab://

TL;DR Add gitlab:// in front of any raw-file URL that refuses to load in LiaScript. We’ll translate it into a GitLab API v4 request behind the scenes, bypassing CORS for you.

Nostr & LiaScript & OER

Discover how Nostr’s decentralized network can change the way we create and share Open Educational Resources. With LiaScript’s Markdown-powered LiveEditor, you can package an entire course into a single link—a Nostr URI—and share it freely, without relying on any central server. You can even tuck images, audio, or video right into that link using Data-URIs, so learners get everything they need in one click.

Creating Project Websites with LiaScript-Exporter: Automating Index Pages for Multiple Documents

In the rapidly evolving landscape of educational technology, creating and managing interactive learning materials efficiently has become increasingly important. In our previous articles, we explored how to automate LiaScript transformations on GitHub and implement quality checks to ensure document excellence. Now, we’re taking the next logical step: creating project websites that serve as organized index pages for multiple LiaScript documents.

Quality Checks on LiaScript with GitHub: Ensuring Document Excellence

In today’s collaborative educational and documentation environments, ensuring quality isn’t just a nice-to-have—it’s essential. While our previous post showed you how to automate LiaScript transformations, this guide focuses on implementing automated quality checks for your Markdown/LiaScript documents using GitHub. These checks help catch spelling errors, improve writing style, ensure inclusive language, and enhance overall document quality—even if you’re just getting started with Git and GitHub.

Automating LiaScript Transformations on GitHub with Enhanced Workflows and Asset Generation

In today’s fast-paced development and educational environments, automation isn’t just a convenience—it’s essential. Automating the transformation of your LiaScript markdown documents into formats like PDF, SCORM, and IMS packages can streamline your workflow and reduce manual effort. In this post, we’ll walk you through setting up GitHub Workflows step by step—even if you’re just getting started with GitHub.

Creating interactive Diagrams with eCharts

LiaScript uses the powerful eCharts library to create interactive diagrams, whether you’re visualizing ASCII art or presenting data from tables. In our previous blog post, we introduced the <lia-chart> tag—a custom web component that uses eCharts under the hood to easily generate custom diagrams.

Teach Your AI to Generate LiaScript Previews

Claude.ai offers a powerful feature in its paid version that allows you to preview generated code directly. However, with a simple prompt, you can teach any AI to create LiaScript previews on demand—even if you’re using a free version.

Creating interactive Diagrams with ChatGPT

Exploring AI-generated content opens the door to fascinating possibilities. In this article, we delve into how you can leverage AI models, like ChatGPT, to create interactive diagrams that can be customized on the fly.

Changing Layout - FlexBox is your Friend

How to change the layout of certain parts of your LiaScript course easily with FlexBox

Collaborative drawings made with LiaScript

How to create a collaborative canvas purely with LiaScripts pub-sub feature.

Multimedia Comments in LiaScript - This Changes Everything

How can you add your voice or short video sequences to your LiaScript courses? With the new multimedia comments feature, it’s now possible. This feature allows you to replay your voice or video directly in the browser as part of a LiaScript course. It’s a game changer for educators looking to create interactive and engaging courses.

ChatGPT als OER Koautor - ein interaktiver Kurs in 10 Minuten (German)

Wie nutzt man ChatGPT um interaktive Kurse für LiaScript zu erstellen, wird in diesem Video gezeigt… Manchmal muss man bei den Kursen noch manuell nacharbeiten aber gefühlt wird ChatGPT immer besser…

Sharing Content via WebTorrent

This demo from the eLearning-Africa Conference 2024, shows how to use WebTorrent to share educational content with LiaScript. Everything that you need is a modern browser, no additional software, no login or authentication is required.

eLearning Africa 2024

In June 2024, the eLearning Africa Conference took place in Kigali, Rwanda. The conference brought together experts, practitioners, and policymakers from across Africa and beyond to discuss the latest trends and innovations in technology-enhanced learning.

JavaScript and Image-Filtering

How to use script-tags to create image-filtering effects in LiaScript.

Importing a local WebCam-stream into a Presentation

How to use script-tags to create image-filtering effects in LiaScript.

Serverless Online Education

This screencast from the Open Educa Berlin (OEB) Conference emphasized and demos the potential of decentralized, browser-based technologies in educational settings.

Konzepte und Erfahrungen bei der Realisierung dezentraler, offener Lehrmaterialien mit LiaScript (German)

Dies ist ein Mitschnitt des Workshops, der auf auf der DELFI-Tagung 2023 in Aachen gegeben wurde.

Where is Content Stored?

Where can you store your course content and how can you host it for free...

Tables & Data Visualizations

This screencast from the Open Educa Berlin (OEB) Conference emphasized and demos the potential of decentralized, browser-based technologies in educational settings.

eLearning Africa 2023

Instant Creation & Publishing of Free and Open Online Courses with LiaScript

Invitation to eLearning Africa 23

We will have a full-day workshop at the eLearning Africa conference in Dakar on creating free and open interactive courses with LiaScript Markdown. No platform no, no login, just OER and publish immediately (works offline too).

Sharing Content via Tor and OnionShare

How to share educational content via Tor and OnionShare to bypass censorship and surveillance.

6 Quizzes in 100 Seconds

This is our report on making quizzes in LiaScript in 100 seconds.

A Custom Extension for Algebra

Today we show how to build a custom extension for executable code-snippets for LiaScript Markdown by using the computer algebra systems Algebrite. The same can be done with any other library, framework, API ...

Executable Code

How to make your Markdown code-snippets editable and executable?

Macros

How can you define custom macros or even define reusable LiaScript libraries?

Embedding Multimedia and More

How can you embed multimedia content in LiaScript? This post shows you how to embed images, videos, and sounds in your LiaScript courses. You can also embed content from other websites using oEmbed.

ASCII-aRT

A quick introduction into ASCII-aRT and how it is integrated into LiaScript, such that you can integrate for example also formulas and animations to your image...

Fonts: Dead or Alive

How to use different fonts in LiaScript-Markdown and why this might be useful for learning ancient and extinct languages?

Images are handled differently

... a paragraph with a starting image will produce a floating environment, a paragraph with only images will produce a gallery, the image will be optimally sized & placed, and "titles" will be used as captions.

One Document - Multiple Representations

How to create narrative presentations from one Markdown document only and how one course can be used to teach in different languages. For the text to speech output we apply simple-speech ...

Praxisworkshop Erstellung eines E-Learning Kurses mit LiaScript

In zwei informativen und komprimierten Videos zeigen Lennart Rosseburg und Twillo wie man mit LiaScript effizient Online-Kurse erstellt.

Online-Lehre offen gestalten - Einführung in die Software LiaScript (Open Science Festival 2022)

In zwei informativen und komprimierten Videos zeigen Lennart Rosseburg und Twillo wie man mit LiaScript effizient Online-Kurse erstellt.

Promoting your Content

How to promote your LiaScript content and make it more visible to a wider audience. Learn how to add meta-information, badges, and social previews to your content.

Setting up Atom (Deprecated)

This post will help you to set up your Atom with the appropriate plugins to speed up your development process.

Import A-Frame 3D models, scenes, and more into LiaScript open-courSes

This blog entry presents an example of how to import A-Frame 3D models, scenes, and more into LiaScript open-courSes.

Install Atom with LiaScript (Deprecated)

This blog entry presents a little workaround and shows how you can still use our two plugins to develop your LiaScript courses offline with the Atom editor.

Install Visual Studio Code with LiaScript

This blog entry presents a a detailed instruction on how to install Visual Studio Code with LiaScript and how to use it to develop your LiaScript courses.

LiaScript Tutorial an der TU Bergakademie Freiberg (German)

In diesem Tutorial werden die neusten Features und das "neue" Design von LiaScript vorgestellt. Die Vorschau auf die Klassenraumfunktionen sind in der aktuellen Version bereits enthalten und können von jedem frei und ohne Login und ohne Logging genutzt werden...

Tutorial

Categories

Tags