Displays a single block of text with automatic line-wrapping inside its bounding box. You control the box dimensions by resizing, and the text reflows to fit. There is no rich-text formatting within a single element (no bold-within-regular), but you can place multiple Text elements side by side for mixed styles.

Text elements are purely visual. They do not capture input, do not score, and do not respond to taps in Play mode. Their job is to present information: titles, instructions, target words, labels, and any static content the student needs to read.

Because Text is a first-class canvas element, it has all the shared properties: position, size, rotation, opacity, border, lock state, drag behavior, and alt text. You can rotate text at an angle, make it semi-transparent for watermarks, or even make it draggable for sentence-building activities.

Places a picture on the canvas with independent control over position, size, rotation, border, and corner radius. The image can be displayed in two modes: "contain" (the full image is visible with letterboxing if needed) or "cover" (the image fills the box completely, cropping if the aspect ratio differs).

Uploaded images are stored securely in the cloud and delivered fast to students everywhere. The editor handles everything automatically — you just pick a file.

Every Image element has an alt text field for accessibility. Screen readers announce this text, and it appears in the card's accessibility summary. Setting meaningful alt text is required for decks that meet accessibility standards.

Renders a solid-filled rectangle with configurable color, opacity, border radius, and optional border. Shapes are non-interactive by default: they do not capture input or affect scoring.

Think of shapes as building blocks for your card's layout. They sit behind or around other elements to give the card visual structure. A semi-transparent blue shape behind a text block creates a callout panel. A thin dark shape across the card creates a section divider.

Shapes can also be made draggable, turning them into simple colored tokens for drag-and-drop sorting activities. Four colored shapes with isDraggable enabled, combined with matching Drop Zones, creates a basic color-sorting activity.

Renders an image area on top and a caption text bar on the bottom, locked together as one element. The caption bar has its own font size, font weight, text color, and background color, so you can style it independently from the image.

Compared to placing a separate Image element and Text element and trying to keep them aligned, Caption Pic guarantees the caption stays anchored to the image. When you resize the widget, both parts scale proportionally. When you drag it, both move together.

Caption Pic is especially useful when you are building grids of consistent picture-word tiles. Six Caption Pics in a 3x2 grid create a professional-looking flashcard set without fiddling with 12 separate elements.

Renders a labeled rectangular button on the canvas with a configurable answer state: correct (tapping it scores the card right), incorrect (tapping it scores wrong), or outline/neutral (tapping it records the response but does not affect scoring).

Unlike the Multi-Choice element (which is a single combined widget that handles its own layout), Answer Buttons are individual elements. You position each one independently, style them with different colors and sizes, and mix them freely with images, text, and other elements anywhere on the card.

In Play mode, tapping an Answer Button triggers immediate visual feedback (the button highlights or shakes) and records the attempt. If the button was marked correct, the card is scored as correct for that attempt.

Renders a set of option buttons (2-6 text choices) in either a vertical stack or a 2-column grid layout. When a student taps an option, the widget visually marks their selection and scores the attempt against the configured correct index.

The randomize option shuffles the order of choices each time the card loads, preventing students from memorizing answer positions across repeated plays. The correct index is tracked internally, so randomization does not break scoring.

Multi-Choice is a contained widget. Unlike individual Answer Buttons (which you place and style separately), Multi-Choice owns its entire layout, spacing, and feedback. This makes it faster to set up but less flexible for custom card designs.

Renders a styled text input with a placeholder hint. When the student types and submits their answer, the entered text is compared against the correctAnswers list. If any entry in the list matches (with optional case-insensitive comparison), the attempt is scored as correct.

The correctAnswers list supports multiple acceptable answers, which is essential for open-ended prompts where several responses are valid. For example, a cloze sentence "The dog ran ___ the yard" might accept "across", "through", and "around".

Fill in the Blank requires the student to recall and type, which is a significantly higher cognitive demand than tapping a button. Use it with students who can spell confidently, and prefer Answer Button or Multi-Choice for younger or less confident writers.

Renders a structured question prompt with the WH-type displayed as a visual tag (e.g., a "WHERE" badge above the question). The element optionally shows a supporting image and stores the correct answer for scoring.

The key advantage over a plain Text element is metadata: the questionType field feeds into progress reporting, so you can see breakdowns like "85% accuracy on WHERE questions, 40% on WHY questions" over time. This data-driven insight is what SLPs need for IEP progress monitoring.

WH-Questions are typically paired with a Recording Prompt (for verbal answers) or a Fill in the Blank (for typed answers) on the same card. The WH-Question provides the structured prompt, and the companion element captures the response.

Renders a colored rectangular target with a label on the canvas. In Play mode, draggable elements (images, shapes, text, etc.) can be picked up and dropped onto the zone. The Drop Zone checks the dropped element's ID against its acceptsIds list to determine whether the drop is correct.

Drop Zones give you fine-grained control that pre-built widgets cannot match. You can have multiple zones per card, mix image and text draggables, create custom spatial layouts, and define per-zone acceptance rules. The trade-off is more setup work compared to Categorize or Matching Pairs.

When a correct element is dropped, the zone provides positive visual feedback. When an incorrect element is dropped, it snaps back to its original position. This behavior is automatic and does not require any configuration beyond setting the acceptsIds list.

Takes an array of pair objects (each with a left string and a right string) and creates a shuffled grid of face-down tiles. Each pair generates two tiles: one for the left value and one for the right value. Students tap to flip tiles two at a time, trying to match the left item with its corresponding right item.

When a match is found, both tiles stay face-up and are visually marked as matched. When tiles do not match, they flip back face-down after a brief pause. The widget reports a completion event when all pairs are found.

Matching Pairs is text-only. Both the left and right values are rendered as text on the tiles. If you need image-based matching, use Drop Zones with draggable Image elements instead.

Takes an array of items in their correct order, shuffles them for the student at play time, and renders a vertical list of draggable cards. Students drag items up and down to rearrange them. When satisfied, the student submits and the widget scores the attempt against the original (correct) order.

Unlike building a sequencing activity from individual Drop Zones and draggable Text elements, Reorder is a single element that manages the entire experience. The trade-off is that the layout is always a vertical list; you cannot customize it to be horizontal or grid-based.

Takes an array of groups (each with a label and an items array) and renders two areas: an unsorted pool of all items (shuffled) and the labeled target group containers. Students drag items from the pool into the group they think is correct.

On submission, the widget checks where each item ended up against the configured correct groupings and scores the attempt. This is functionally equivalent to building multiple Drop Zones with draggable Text elements, but far faster to set up and more polished in the student experience.

Categorize handles text items only. If you need to sort images into categories, use Drop Zones with draggable Image elements for a custom build.

Renders a circular icon button (speaker or music note style) on the canvas. In Play mode, tapping the button plays the associated audio clip. No scoring, no response capture; its sole purpose is to deliver audio on demand.

Audio Trigger is distinct from TTS Button (which synthesizes speech from text using the browser) and Recording Prompt (which captures the student's voice). Use Audio Trigger when you have a specific recorded clip that you want the student to hear.

The autoPlay option plays the audio automatically when the card appears, but use this sparingly. Auto-playing audio can be disorienting, and iOS Safari's autoplay restrictions may block it entirely without a prior user gesture.

Renders an interactive widget with a record button, a live waveform visualization (optional), and a replay control. On the student side, tapping record requests microphone permission, begins capture for up to the configured max duration, and saves the audio blob to the session's attempt record.

When pronunciation scoring is turned on for the deck, recordings are automatically analyzed for accuracy at the sound level. Scores appear in the student's progress view, not on the card itself, keeping the experience encouraging rather than judgmental.

Recordings are stored per-attempt, so the same student can redo a card multiple times and the clinician sees every recording in the session history. This is invaluable for tracking progress over time.

Creates a labeled button that reads text aloud when the student taps it. You type in the word or phrase you want spoken, and the device reads it out loud. The speed can be adjusted from slow (great for younger learners) to normal pace.

TTS is faster to set up than Audio Trigger (no file to record or upload) but lacks the naturalness and accuracy of a human recording. For target pronunciations in articulation therapy, where phoneme accuracy matters, a human-recorded Audio Trigger is strongly preferred. TTS is better for instructions, general vocabulary, and reading support.

Renders a rectangular widget with two faces, each with its own text content, background color, and font size. Tapping anywhere on the card triggers a smooth flip animation that reveals the other side. It is a single element from the editor's perspective but displays as two alternating views in Play mode.

Both faces hold text only. If you need an image on one side and text on the other, place an Image element above or beside a Flip Card on the same card rather than trying to embed images into the Flip Card itself.

Flip Cards do not score. They are a self-check tool: the student attempts the prompt mentally, flips to verify, and moves on. Combine with a Recording Prompt if you want to capture their verbal attempt before the reveal.

Renders a circular wheel divided into color-coded wedges, each with a text label. Tapping triggers a spin animation with realistic deceleration. When the wheel stops, the landed-on segment is highlighted. The result is purely random; no scoring is involved.

Spinner is functionally a randomizer with a festive presentation. Use it when you want students to experience the excitement of a game-show wheel rather than just seeing a number from a die roll.

Renders a visible die that animates a roll when tapped. It lands on a random integer from 1 to the configured number of sides. The result stays visible until the student rolls again. The element is stateless: no scoring, no history, just a random number display.

Think of Dice as a "random number generator" with a fun visual presentation. It works best when paired with numbered prompts, word lists, or game mechanics that use the rolled number.

Renders a circular countdown display that counts down from the configured duration in seconds. The countdown runs in real time with visual updates every second (or as a progress ring if showSeconds is off). When it reaches zero, the timer can either stop and display zero, or automatically advance the deck to the next card.

Timers are visual-only. They do not score anything and do not capture responses. Their purpose is to influence student behavior through time awareness. Students naturally speed up or focus more when they see a clock counting down.

Renders a configurable set of emotion icons with text labels (happy, sad, angry, surprised, scared, disgusted, etc.). Students tap the emotion they think matches the prompt, and the widget scores against the configured correct emotion.

The Emotion Picker is a specialized version of a picture-based multiple choice that uses built-in emotion icons instead of uploaded images. Use it when the question is specifically about emotions and you want consistent, clear iconography without sourcing your own emotion images.

Displays a target word at a configurable font size with a large tap target area. Students tap the word once for each syllable they perceive. The widget tracks the tap count visually (with dots below the word) and scores the attempt when the student submits.

This element replaces what would otherwise require a Text element, multiple Answer Buttons (one per possible count), and manual scoring logic. It packages the entire syllable-counting interaction into a single drop.

Renders a grid (or horizontal row) of image tiles, each with its own image source and alt text. Students tap an image to select it as their answer. The widget scores the selection against the configured correct index.

Like Multi-Choice, Multi-Picts handles layout, selection state, and scoring in a single element. The randomize option shuffles the order of image tiles each play to prevent positional memorization.

Multi-Picts is image-only. You cannot mix text and image options in the same widget. If you need labels under each image, consider using multiple Caption Pic elements with Answer Buttons, or place a Text prompt above the Multi-Picts widget.