Packages

Try any of WebWriter's widget packages in this gallery.

Add interactive tasks (multiple choice, order, free text, highlighting, or speech input). Make a quiz out of multiple tasks.

Code

@webwriter/code

Write and run code as a code cell. Supports several languages (HTML/CSS/JS, TypeScript, Python).

Neural Network

@webwriter/neural-network

Deep learning visualization for feed-forward networks with custom datasets, training and prediction.

Automaton

@webwriter/automaton

Build, visualize and interactive automata of different kinds (DFA, NFA, PDA).

Interactive Video

@webwriter/interactive-video

(WIP) Enhance learning by adding interactive content in popups to videos for an engaging, interactive experience.

Geometry Cloze

@webwriter/geometry-cloze

Create and view geometry exercises with coloring, styling and labeling options.

Logic Circuit

@webwriter/logic-circuit

Create and simulate circuits with logic gates (AND, OR, XOR, etc.).

Chemdraw

@webwriter/chemdraw

Periodic table of the elements. Each element can be focused on to get a brief overview of its properties.

Branching Scenario

@webwriter/branching-scenario

Create adaptable learning experiences by authoring a gamebook, where you present the student with choices on how to continue.

Phet Simulation

@webwriter/phet-simulation

Collection of web templates for interactive animations from PhET that visualise a variety of topics from the fields of physics, chemistry and mathematics.

Map

@webwriter/map

Geographical map with different terrain options including custom tiling, and GeoJSON support.

Slides

@webwriter/slides

WIP - Present content as a sequence of screens (slides, tabs, etc.).

Timeline

@webwriter/timeline

Create/learn with a digital timeline and test your knowledge.

Flowchart

@webwriter/flowchart

Create programming flowcharts with interactive tasks. Use standardized Elements such as loops and Branchings.

Network

@webwriter/network

Visualization of network topologies. Can represent different kinds of networks.

Chemlab

@webwriter/chemlab

WIP - Prepare virtual laboratory environments for various topics in chemistry. Includes the building of molecules as well as applications for electrochemistry and acid/base theory.

Geogebra

@webwriter/geogebra

Use the mathematics learning apps of GeoGebra for algebra and geometry.

Block Based Code

@webwriter/block-based-code

Write block-based code (e.g. Scratch) and run it.