Help

Rheomyth reference

A detailed guide to the editor model: objects, editable attributes, timeline animations, animation applicability, bindings, keyframes, constraints, previews, and export behavior.

131 objects80 animations55 bindable properties

Foundation

Scene model

A project is a set of scenes. Each scene has objects, optional groups, constraints, bindings, object keyframes, timeline animations, background settings, setup code, and optional narration. The editor converts that authoring data into manim-web objects for preview and export.

Objects define what exists. Animations define when and how those objects change. Bindings define live relationships between objects or trackers. Constraints define persistent spatial relationships such as matching centers, aligning edges, snapping to matrix entries, or following another object transform.

ObjectsBindingsTimelinePreview/export

Catalog

Objects and attributes

Every object has common editor attributes plus type-specific props. The common attributes control placement, style, visibility, grouping, and keyframes. The type-specific props below are generated from the current default props for each object type, so the reference tracks the live catalog.

nameHuman-readable layer name shown in the editor.

positionWorld-space [x, y, z] center or anchor point.

rotationObject rotation in radians. In 3D, rotationAxis can choose the axis.

scale / scale3DUniform scale, or per-axis scale for 3D transform controls.

colorPrimary stroke, outline, text, mesh, or path color.

fillColor / fillOpacityInterior fill color and alpha when the object supports fill.

strokeWidthOutline or path width when the object has a stroke.

opacityWhole-object opacity, separate from fill opacity.

glowOptional glow color, size, and opacity.

visible / editorHiddenRender visibility and editor-only hiding.

lockedPrevents accidental canvas edits.

zIndex2D draw ordering for overlapping objects.

groupIdOptional group membership for grouped selection and animation targets.

keyframesObject-level property keyframes for position, scale, rotation, opacity, and colors.

Shapes

Core 2D VMobjects for geometric diagrams, highlighting, layout scaffolds, and transform-friendly scenes.

Circlecircle1 attrs

Geometric circle for 2D diagrams and transforms.

radiusradiusnumber1

Squaresquare1 attrs

Geometric square for 2D diagrams and transforms.

sideLengthside Lengthnumber2

Rectanglerectangle2 attrs

Geometric rectangle for 2D diagrams and transforms.

widthwidthnumber3

heightheightnumber2

Triangletriangle0 attrs

Geometric triangle for 2D diagrams and transforms.

propsNo additional type-specific props.noneempty

Polygonpolygon1 attrs

Geometric polygon for 2D diagrams and transforms.

sidessidesnumber6

Ellipseellipse2 attrs

Geometric ellipse for 2D diagrams and transforms.

widthwidthnumber3

heightheightnumber2

Rounded RectroundedRectangle3 attrs

Geometric rounded rect for 2D diagrams and transforms.

widthwidthnumber3

heightheightnumber2

cornerRadiuscorner Radiusnumber0.1

Starstar2 attrs

Geometric star for 2D diagrams and transforms.

outerRadiusouter Radiusnumber1

numPointsnum Pointsnumber5

Annulusannulus2 attrs

Geometric annulus for 2D diagrams and transforms.

innerRadiusinner Radiusnumber0.5

outerRadiusouter Radiusnumber1

Sectorsector3 attrs

Geometric sector for 2D diagrams and transforms.

radiusradiusnumber1

startAnglestart Anglenumber0

angleanglenumber1.5707963267948966

Hexagonhexagon1 attrs

Geometric hexagon for 2D diagrams and transforms.

radiusradiusnumber1

Pentagonpentagon1 attrs

Geometric pentagon for 2D diagrams and transforms.

radiusradiusnumber1

Boolean Shapes

Composed shapes generated from two source shapes. They reference source objects and sample their boundaries.

UnionbooleanUnion3 attrs

Geometric union for 2D diagrams and transforms.

shapeAObjectIdshape A Object IDtextempty

shapeBObjectIdshape B Object IDtextempty

samplesPerSegmentsamples Per Segmentnumber12

IntersectionbooleanIntersection3 attrs

Geometric intersection for 2D diagrams and transforms.

shapeAObjectIdshape A Object IDtextempty

shapeBObjectIdshape B Object IDtextempty

samplesPerSegmentsamples Per Segmentnumber12

DifferencebooleanDifference3 attrs

Geometric difference for 2D diagrams and transforms.

shapeAObjectIdshape A Object IDtextempty

shapeBObjectIdshape B Object IDtextempty

samplesPerSegmentsamples Per Segmentnumber12

ExclusionbooleanExclusion3 attrs

Geometric exclusion for 2D diagrams and transforms.

shapeAObjectIdshape A Object IDtextempty

shapeBObjectIdshape B Object IDtextempty

samplesPerSegmentsamples Per Segmentnumber12

Lines & Arrows

Line, path, vector, and arrow objects. Many expose editable endpoints and are useful as motion paths or measurement geometry.

Lineline2 attrs

Path-like object with endpoints or direction controls.

startPointstart Pointlist[-2, 0, 0]

endPointend Pointlist[2, 0, 0]

Arrowarrow2 attrs

Path-like object with endpoints or direction controls.

startPointstart Pointlist[-2, 0, 0]

endPointend Pointlist[2, 0, 0]

Double ArrowdoubleArrow2 attrs

Path-like object with endpoints or direction controls.

startPointstart Pointlist[-2, 0, 0]

endPointend Pointlist[2, 0, 0]

Dashed LinedashedLine2 attrs

Path-like object with endpoints or direction controls.

startPointstart Pointlist[-2, 0, 0]

endPointend Pointlist[2, 0, 0]

Arcarc3 attrs

Path-like object with endpoints or direction controls.

radiusradiusnumber1

startAnglestart Anglenumber0

angleanglenumber3.141592653589793

Curved ArrowcurvedArrow3 attrs

Path-like object with endpoints or direction controls.

startPointstart Pointlist[-2, 0, 0]

endPointend Pointlist[2, 0, 0]

angleanglenumber1.0471975511965976

Arc Between PointsarcBetweenPoints3 attrs

Path-like object with endpoints or direction controls.

startPointstart Pointlist[-2, 0, 0]

endPointend Pointlist[2, 0, 0]

angleanglenumber1.0471975511965976

Bezier CurvecubicBezier1 attrs

Path-like object with endpoints or direction controls.

pointspointslist[4 items]

Traced PathtracedPath3 attrs

Path-like object with endpoints or direction controls.

pointspointslist[5 items]

smoothsmoothbooleantrue

closedclosedbooleanfalse

Tailtail7 attrs

Path-like object with endpoints or direction controls.

targetObjectIdtarget Object IDtextempty

maxPointsmax Pointsnumber80

minDistancemin Distancenumber0.04

fadeDurationfade Durationnumber0.6

smoothsmoothbooleantrue

showHeadDotshow Head Dotbooleantrue

dotRadiusdot Radiusnumber0.06

Vectorvector1 attrs

Path-like object with endpoints or direction controls.

directiondirectionlist[2, 1, 0]

Text & Math

Text, LaTeX, numbers, variables, and code blocks. Text and MathTex can be split into parts for per-part animation.

both

Texttext3 attrs

Plain text object. Can be texture-backed or SVG/vector-backed, and can be split into textParts.

texttexttextHello

fontSizefont Sizenumber48

fontFamilyfont FamilytextCMU Serif, Georgia, Times New Roman, serif

Math (LaTeX)mathTex3 attrs

LaTeX formula object. Use SVG mode and texParts when you need glyph-level transforms or part animation.

latexlatextextx^2 + y^2 = 1

fontPresetfont Presettextdefault

fontSizefont Sizenumber48

Decimal NumberdecimalNumber6 attrs

Decimal Number object from the Text & Math catalog.

valuevaluenumber3.14159

decimalPlacesdecimal Placesnumber2

includeSigninclude Signbooleanfalse

groupWithCommasgroup With Commasbooleanfalse

unitunittextempty

fontSizefont Sizenumber48

Integerinteger5 attrs

Integer object from the Text & Math catalog.

valuevaluenumber42

includeSigninclude Signbooleanfalse

groupWithCommasgroup With Commasbooleanfalse

unitunittextempty

fontSizefont Sizenumber48

Variablevariable6 attrs

Variable object from the Text & Math catalog.

labellabeltextx

valuevaluenumber1

decimalPlacesdecimal Placesnumber2

fontSizefont Sizenumber48

labelColorlabel Colortext#FFFFFF

valueColorvalue Colortext#58C4DD

Codecode6 attrs

Code object from the Text & Math catalog.

codecodetextdef f(x): return x**2

languagelanguagetextpython

lineNumbersline Numbersbooleantrue

fontSizefont Sizenumber24

showBackgroundshow Backgroundbooleantrue

lineHeightline Heightnumber1.4

Media

Browser-backed visual media and procedural canvases. These are useful for images, SVGs, videos, HTML, pixels, and high-volume batched items.

both

SVG Imagesvg10 attrs

SVG Image object from the Media catalog.

descriptiondescriptiontextempty

renderModerender Modetextbrowser

sourcesourcetextinline

svgStringSVG Stringtext<svg xmlns="http://www.w3.org/2000/svg"...

removeBackgroundremove Backgroundbooleantrue

urlURLtextempty

heightheightnumber2

widthwidthnumber0

fillColorfill Colortextempty

fillOpacityfill Opacitynumber1

Imageimage10 attrs

Image object from the Media catalog.

descriptiondescriptiontextempty

sourcesourcetextdata:image/svg+xml,%3Csvg xmlns='http:/...

widthwidthnumber3.2

heightheightnumber2

scaleToFitscale To Fitbooleantrue

grayscalegrayscalebooleanfalse

invertinvertbooleanfalse

brightnessbrightnessnumber1

contrastcontrastnumber1

doubleSideddouble Sidedbooleantrue

Pixel CanvaspixelCanvas8 attrs

Pixel Canvas object from the Media catalog.

pixelWidthpixel Widthnumber160

pixelHeightpixel Heightnumber100

widthwidthnumber4.8

heightheightnumber3

backgroundColorbackground Colortext#020617

backgroundAlphabackground Alphanumber1

smoothingsmoothingbooleanfalse

updateBodyupdate Bodytextconst centerRe = -0.72; const centerIm ...

Optimized ContaineroptimizedContainer9 attrs

Optimized Container object from the Media catalog.

widthwidthnumber10

heightheightnumber5.6

showBoundsshow Boundsbooleantrue

boundsColorbounds Colortext#94A3B8

boundsOpacitybounds Opacitynumber0.32

cameraCullingcamera Cullingbooleantrue

cullPaddingcull Paddingnumber0.35

itemsitemslist[612 items]

updateBodyupdate Bodytextclear(); const cols = 84; const rows = ...

HTML FramehtmlFrame9 attrs

HTML Frame object from the Media catalog.

htmlHTMLtext<!doctype html> <html> <head> <style> h...

widthwidthnumber5

heightheightnumber3

durationdurationnumber5

speedspeednumber1

backgroundColorbackground Colortext#0f172a

borderRadiusborder Radiusnumber0.08

allowScriptsallow Scriptsbooleantrue

allowPointerEventsallow Pointer Eventsbooleanfalse

LottielottieMobject13 attrs

Lottie object from the Media catalog.

sourcesourcetextempty

widthwidthnumber3

heightheightnumber3

durationdurationnumber2

speedspeednumber1

looploopbooleantrue

startFramestart Frameemptyempty

endFrameend Frameemptyempty

backgroundColorbackground Colortexttransparent

fitfittextcontain

smoothingsmoothingbooleantrue

doubleSideddouble Sidedbooleantrue

useFrameInterpolationuse Frame Interpolationbooleantrue

VideovideoMobject10 attrs

Video object from the Media catalog.

sourcesourcetextempty

widthwidthnumber4.8

heightheightnumber2.7

durationdurationnumber5

startTimestart Timenumber0

playbackRateplayback Ratenumber1

looploopbooleanfalse

mutedmutedbooleantrue

smoothingsmoothingbooleantrue

doubleSideddouble Sidedbooleantrue

Characters

Mascot and creature objects for narrated scenes, reactions, speech, thinking, and look-at behavior.

both

Glyph CreatureglyphCreature15 attrs

Glyph Creature object from the Characters catalog.

glyphglyphtext\pi

heightheightnumber2

eyeRadiuseye Radiusnumber0.36

fontStylefont Styletextdefault

bodyRenderModebody Render Modetextsvg

accentColoraccent Colortext#3AA088

eyeColoreye Colortext#FFFFFF

pupilColorpupil Colortext#000000

mouthColormouth Colortext#FFFFFF

modemodetexthappy

lookDirectionlook Directionlist[0, 0]

autoAnimateauto Animatebooleantrue

blinkCountblink Countnumber3

blinkCycleblink Cyclenumber12

pupilWanderpupil Wanderbooleanfalse

Bubbles

Bubbles objects available in the editor.

Speech Bubblebubble7 attrs

Speech Bubble object from the Bubbles catalog.

shapeshapetextspeech

widthwidthnumber3

heightheightnumber1.6

cornerRadiuscorner Radiusnumber0.3

tailDirectiontail Directionlist[0, -1]

bubbleFillColorbubble Fill Colortext#1a1a2e

bubbleFillOpacitybubble Fill Opacitynumber0.9

Pi Speech BubblepiSpeechBubble4 attrs

Pi Speech Bubble object from the Bubbles catalog.

heightheightnumber2.5

flipHorizontalflip Horizontalbooleanfalse

fillColorfill Colortext#FFFFFF

fillOpacityfill Opacitynumber0

Pi Thought BubblepiThoughtBubble4 attrs

Pi Thought Bubble object from the Bubbles catalog.

heightheightnumber2.5

flipHorizontalflip Horizontalbooleanfalse

fillColorfill Colortext#FFFFFF

fillOpacityfill Opacitynumber0

Graphing

Coordinate systems, curves, vector fields, graph annotations, and chart objects for analytical scenes.

Number LinenumberLine4 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

xRangeX Rangelist[-5, 5, 1]

lengthlengthnumber10

includeTicksinclude Ticksbooleantrue

includeNumbersinclude Numbersbooleantrue

Axesaxes5 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

xRangeX Rangelist[-5, 5, 1]

yRangeY Rangelist[-3, 3, 1]

xLengthX Lengthnumber10

yLengthY Lengthnumber6

tipstipsbooleantrue

Axis MarkeraxisMarker8 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

axisaxistextx

valuevaluenumber2

tickSizetick Sizenumber0.18

markerShapemarker Shapetexttick

labellabeltext2

showLabelshow Labelbooleantrue

fontSizefont Sizenumber24

labelOffsetlabel Offsetlist[0, -0.35, 0]

Axis IntervalaxisInterval8 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

axisaxistextx

startstartnumber-2

endendnumber2

offsetoffsetnumber-0.35

tickSizetick Sizenumber0.16

labellabeltext[-2, 2]

showLabelshow Labelbooleantrue

fontSizefont Sizenumber24

Graph PointgraphPoint6 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

pointpointlist[1, 1, 0]

radiusradiusnumber0.08

labellabeltextP

showLabelshow Labelbooleantrue

fontSizefont Sizenumber24

labelOffsetlabel Offsetlist[0.25, 0.25, 0]

Slope TriangleslopeTriangle7 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

startstartlist[-1, -0.5, 0]

endendlist[2, 1.5, 0]

showLabelsshow Labelsbooleantrue

riseLabelrise Labeltextrise

runLabelrun Labeltextrun

fontSizefont Sizenumber22

fillOpacityfill Opacitynumber0.12

Secant LinesecantLine6 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

startstartlist[-1, -0.5, 0]

endendlist[2, 1.5, 0]

extendextendnumber0.6

labellabeltextsecant

showLabelshow Labelbooleantrue

fontSizefont Sizenumber22

Vector Components 2DvectorComponents2D5 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

startstartlist[0, 0, 0]

endendlist[2, 1.25, 0]

showLabelsshow Labelsbooleantrue

componentLineWidthcomponent Line Widthnumber3

componentColorscomponent Colorslist[#EF4444, #22C55E]

Distance SegmentdistanceSegment6 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

startstartlist[-1, 0, 0]

endendlist[2, 1, 0]

tickSizetick Sizenumber0.16

labellabeltextempty

showDistanceshow Distancebooleantrue

fontSizefont Sizenumber22

Angle MarkerangleMarker7 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

armAarm Alist[1, 0, 0]

vertexvertexlist[0, 0, 0]

armBarm Blist[0.7, 1.1, 0]

radiusradiusnumber0.65

labellabeltexttheta

showLabelshow Labelbooleantrue

fontSizefont Sizenumber22

Projection LinesprojectionLines5 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

pointpointlist[2, 1.5, 0]

axesOriginaxes Originlist[0, 0, 0]

showXshow Xbooleantrue

showYshow Ybooleantrue

dashLengthdash Lengthnumber0.12

Coordinate PointcoordinatePoint7 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

pointpointlist[2, 1.5, 0]

axesOriginaxes Originlist[0, 0, 0]

labellabeltext(2, 1.5)

radiusradiusnumber0.08

showProjectionLinesshow Projection Linesbooleantrue

fontSizefont Sizenumber24

labelOffsetlabel Offsetlist[0.35, 0.3, 0]

Number PlanenumberPlane9 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

xRangeX Rangelist[-5, 5, 1]

yRangeY Rangelist[-3, 3, 1]

xLengthX Lengthnumber10

yLengthY Lengthnumber6

tipstipsbooleantrue

includeBackgroundLinesinclude Background Linesbooleantrue

backgroundLineColorbackground Line Colortext#58C4DD

backgroundLineOpacitybackground Line Opacitynumber0.35

fadedLineRatiofaded Line Rationumber1

Complex PlanecomplexPlane11 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

xRangeX Rangelist[-5, 5, 1]

yRangeY Rangelist[-3, 3, 1]

xLengthX Lengthnumber10

yLengthY Lengthnumber6

tipstipsbooleantrue

includeBackgroundLinesinclude Background Linesbooleantrue

backgroundLineColorbackground Line Colortext#58C4DD

backgroundLineOpacitybackground Line Opacitynumber0.35

fadedLineRatiofaded Line Rationumber1

includeImaginaryLabelsinclude Imaginary Labelsbooleantrue

labelFontSizelabel Font Sizenumber24

Function GraphfunctionGraph15 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

expressionexpressiontextMath.sin(x)

xRangeX Rangelist[-5, 5]

scaleToFitFramescale To Fit Framebooleanfalse

fitFrameXGapfit Frame X Gapnumber0.25

fitFrameYGapfit Frame Y Gapnumber0.25

showAxesshow Axesbooleanfalse

axesColoraxes Colortext#94A3B8

axesStrokeWidthaxes Stroke Widthnumber2

axesTickStepaxes Tick Stepnumber1

showAxisNumbersshow Axis Numbersbooleantrue

showAxisLabelsshow Axis Labelsbooleantrue

xAxisLabelX Axis Labeltextx

yAxisLabelY Axis Labeltexty

axesLabelFontSizeaxes Label Font Sizenumber24

axesDecimalPlacesaxes Decimal Placesnumber0

Area Under CurveareaUnderCurve4 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

axesObjectIdaxes Object IDtextempty

graphObjectIdgraph Object IDtextempty

boundedGraphObjectIdbounded Graph Object IDtextempty

xRangeX Rangelist[-2, 2]

Implicit CurveimplicitFunction18 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

expressionexpressiontextx * x + y * y - 4

xRangeX Rangelist[-3, 3]

yRangeY Rangelist[-3, 3]

minDepthmin Depthnumber5

maxDepthmax Depthnumber8

scaleToFitFramescale To Fit Framebooleanfalse

fitFrameXGapfit Frame X Gapnumber0.25

fitFrameYGapfit Frame Y Gapnumber0.25

showAxesshow Axesbooleanfalse

axesColoraxes Colortext#94A3B8

axesStrokeWidthaxes Stroke Widthnumber2

axesTickStepaxes Tick Stepnumber1

showAxisNumbersshow Axis Numbersbooleantrue

showAxisLabelsshow Axis Labelsbooleantrue

xAxisLabelX Axis Labeltextx

yAxisLabelY Axis Labeltexty

axesLabelFontSizeaxes Label Font Sizenumber24

axesDecimalPlacesaxes Decimal Placesnumber0

Parametric CurveparametricFunction16 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

funcBodyfunc Bodytextreturn [Math.cos(t) * 2, Math.sin(t) * 2];

tRangeT Rangelist[0, 6.283185307179586]

numSamplesnum Samplesnumber200

scaleToFitFramescale To Fit Framebooleanfalse

fitFrameXGapfit Frame X Gapnumber0.25

fitFrameYGapfit Frame Y Gapnumber0.25

showAxesshow Axesbooleanfalse

axesColoraxes Colortext#94A3B8

axesStrokeWidthaxes Stroke Widthnumber2

axesTickStepaxes Tick Stepnumber1

showAxisNumbersshow Axis Numbersbooleantrue

showAxisLabelsshow Axis Labelsbooleantrue

xAxisLabelX Axis Labeltextx

yAxisLabelY Axis Labeltexty

axesLabelFontSizeaxes Label Font Sizenumber24

axesDecimalPlacesaxes Decimal Placesnumber0

Vector FieldvectorField19 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

funcBodyfunc Bodytextreturn [-y, x];

xRangeX Rangelist[-4, 4, 1]

yRangeY Rangelist[-3, 3, 1]

lengthScalelength Scalenumber0.35

minMagnitudemin Magnitudenumber0

maxMagnitudemax Magnitudenumber10

scaleToFitFramescale To Fit Framebooleanfalse

fitFrameXGapfit Frame X Gapnumber0.25

fitFrameYGapfit Frame Y Gapnumber0.25

showAxesshow Axesbooleanfalse

axesColoraxes Colortext#94A3B8

axesStrokeWidthaxes Stroke Widthnumber2

axesTickStepaxes Tick Stepnumber1

showAxisNumbersshow Axis Numbersbooleantrue

showAxisLabelsshow Axis Labelsbooleantrue

xAxisLabelX Axis Labeltextx

yAxisLabelY Axis Labeltexty

axesLabelFontSizeaxes Label Font Sizenumber24

axesDecimalPlacesaxes Decimal Placesnumber0

Arrow FieldarrowVectorField22 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

funcBodyfunc Bodytextreturn [-y, x];

xRangeX Rangelist[-4, 4, 1]

yRangeY Rangelist[-3, 3, 1]

lengthScalelength Scalenumber0.35

minMagnitudemin Magnitudenumber0

maxMagnitudemax Magnitudenumber10

tipLengthtip Lengthnumber0.15

maxArrowLengthmax Arrow Lengthnumber0.8

normalizeArrowsnormalize Arrowsbooleanfalse

scaleToFitFramescale To Fit Framebooleanfalse

fitFrameXGapfit Frame X Gapnumber0.25

fitFrameYGapfit Frame Y Gapnumber0.25

showAxesshow Axesbooleanfalse

axesColoraxes Colortext#94A3B8

axesStrokeWidthaxes Stroke Widthnumber2

axesTickStepaxes Tick Stepnumber1

showAxisNumbersshow Axis Numbersbooleantrue

showAxisLabelsshow Axis Labelsbooleantrue

xAxisLabelX Axis Labeltextx

yAxisLabelY Axis Labeltexty

axesLabelFontSizeaxes Label Font Sizenumber24

axesDecimalPlacesaxes Decimal Placesnumber0

Stream LinesstreamLines25 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

funcBodyfunc Bodytextreturn [-y, x];

xRangeX Rangelist[-4, 4, 1]

yRangeY Rangelist[-3, 3, 1]

lengthScalelength Scalenumber0.35

minMagnitudemin Magnitudenumber0

maxMagnitudemax Magnitudenumber10

numLinesnum Linesnumber18

maxLineLengthmax Line Lengthnumber8

stepSizestep Sizenumber0.05

showArrowsshow Arrowsbooleantrue

arrowSpacingarrow Spacingnumber1

virtualTimevirtual Timenumber3

scaleToFitFramescale To Fit Framebooleanfalse

fitFrameXGapfit Frame X Gapnumber0.25

fitFrameYGapfit Frame Y Gapnumber0.25

showAxesshow Axesbooleanfalse

axesColoraxes Colortext#94A3B8

axesStrokeWidthaxes Stroke Widthnumber2

axesTickStepaxes Tick Stepnumber1

showAxisNumbersshow Axis Numbersbooleantrue

showAxisLabelsshow Axis Labelsbooleantrue

xAxisLabelX Axis Labeltextx

yAxisLabelY Axis Labeltexty

axesLabelFontSizeaxes Label Font Sizenumber24

axesDecimalPlacesaxes Decimal Placesnumber0

Bar ChartbarChart3 attrs

Graphing helper for coordinate systems, plots, fields, charts, or annotations.

valuesvalueslist[5 items]

barColorsbar Colorslist[5 items]

xLabelsX Labelslist[5 items]

Data & Other

Matrices, tables, dynamic grids, braces, measurement marks, and target-following decorations.

TeX MatrixtexMatrix3 attrs

Structured data layout with editable entries and cell-aware animations/bindings.

datadatalist[2 items]

bracketTypebracket Typetext[]

fontSizefont Sizenumber48

Tabletable8 attrs

Table object from the Data & Other catalog.

datadatalist[2 items]

rowLabelsrow Labelslist[]

colLabelscol Labelslist[c1, c2]

includeOuterLinesinclude Outer Linesbooleantrue

fontSizefont Sizenumber30

vBuffv Buffnumber0.3

hBuffh Buffnumber0.5

lineStrokeWidthline Stroke Widthnumber2

Math TablemathTable8 attrs

Structured data layout with editable entries and cell-aware animations/bindings.

datadatalist[3 items]

rowLabelsrow Labelslist[]

colLabelscol Labelslist[x, f(x)]

includeOuterLinesinclude Outer Linesbooleantrue

fontSizefont Sizenumber36

vBuffv Buffnumber0.3

hBuffh Buffnumber0.5

lineStrokeWidthline Stroke Widthnumber2

Integer TableintegerTable8 attrs

Structured data layout with editable entries and cell-aware animations/bindings.

datadatalist[2 items]

rowLabelsrow Labelslist[]

colLabelscol Labelslist[1, 2]

includeOuterLinesinclude Outer Linesbooleantrue

fontSizefont Sizenumber36

vBuffv Buffnumber0.3

hBuffh Buffnumber0.5

lineStrokeWidthline Stroke Widthnumber2

Decimal TabledecimalTable9 attrs

Structured data layout with editable entries and cell-aware animations/bindings.

datadatalist[2 items]

rowLabelsrow Labelslist[]

colLabelscol Labelslist[1, 2]

decimalPlacesdecimal Placesnumber2

includeOuterLinesinclude Outer Linesbooleantrue

fontSizefont Sizenumber36

vBuffv Buffnumber0.3

hBuffh Buffnumber0.5

lineStrokeWidthline Stroke Widthnumber2

Dynamic GriddynamicGrid12 attrs

Dynamic Grid object from the Data & Other catalog.

rowsrowsnumber6

colscolsnumber8

cellSizecell Sizenumber0.5

gapgapnumber0.04

showGridshow Gridbooleantrue

gridColorgrid Colortext#94A3B8

gridOpacitygrid Opacitynumber0.55

backgroundColorbackground Colortext#111827

backgroundOpacitybackground Opacitynumber0.28

updateBodyupdate BodytextforEachCell((cell, row, col) => { const...

wrapwrapbooleanfalse

cellscellslist[48 items]

Dotdot0 attrs

Dot object from the Data & Other catalog.

propsNo additional type-specific props.noneempty

Bracebrace9 attrs

Brace object from the Data & Other catalog.

targetObjectIdstarget Object Idslist[]

directiondirectiontextdown

buffbuffnumber0.2

sharpnesssharpnessnumber2

labellabeltextempty

labelTypelabel Typetexttext

labelFontSizelabel Font Sizenumber28

labelColorlabel Colortext#FFFFFF

labelBufflabel Buffnumber0.35

Surrounding RectsurroundingRectangle3 attrs

Surrounding Rect object from the Data & Other catalog.

targetObjectIdtarget Object IDtextempty

buffbuffnumber0.2

cornerRadiuscorner Radiusnumber0.1

Underlineunderline3 attrs

Underline object from the Data & Other catalog.

targetObjectIdtarget Object IDtextempty

buffbuffnumber0.1

stretchstretchnumber0.1

Crosscross2 attrs

Cross object from the Data & Other catalog.

targetObjectIdtarget Object IDtextempty

scalescalenumber1

Background RectbackgroundRectangle3 attrs

Background Rect object from the Data & Other catalog.

targetObjectIdtarget Object IDtextempty

buffbuffnumber0.2

backgroundFillOpacitybackground Fill Opacitynumber0.75

Angleangle6 attrs

Angle object from the Data & Other catalog.

pointspointslist[3 items]

radiusradiusnumber0.5

showValueshow Valuebooleanfalse

unitunittextdegrees

decimalPlacesdecimal Placesnumber0

otherAngleother Anglebooleanfalse

Right AnglerightAngle2 attrs

Right Angle object from the Data & Other catalog.

pointspointslist[3 items]

sizesizenumber0.4

Tangent LinetangentLine5 attrs

Tangent Line object from the Data & Other catalog.

targetObjectIdtarget Object IDtextempty

contactObjectIdcontact Object IDtextempty

ttnumber0.25

lengthlengthnumber2

dTd Tnumber0.001

Graphgraph11 attrs

Graph object from the Data & Other catalog.

verticesverticeslist[5 items]

edgesedgeslist[5 items]

layoutlayouttextcircular

layoutScalelayout Scalenumber2

vertexRadiusvertex Radiusnumber0.18

vertexColorvertex Colortext#FFFFFF

edgeColoredge Colortext#58C4DD

edgeStrokeWidthedge Stroke Widthnumber4

showLabelsshow Labelsbooleantrue

labelFontSizelabel Font Sizenumber24

directeddirectedbooleanfalse

Value Trackers

Invisible numeric state objects. They drive bindings and tracker animations rather than drawing visible geometry.

both

Value TrackervalueTracker1 attrs

Invisible state object used to drive animations and bindings.

valuevaluenumber0

Integer TrackerintegerValueTracker1 attrs

Invisible state object used to drive animations and bindings.

valuevaluenumber0

Complex TrackercomplexValueTracker2 attrs

Invisible state object used to drive animations and bindings.

rerenumber0

imimnumber0

Generated & Custom

Escape-hatch objects generated from JavaScript factories when the catalog does not yet cover a needed mobject.

both

Custom (raw JS)customMobject1 attrs

Custom (raw JS) object from the Generated & Custom catalog.

factoryBodyfactory Bodytextreturn new m.Circle({ radius: 0.5, colo...

3D Primitives

Mesh primitives for 3D scenes. These render as Three.js meshes rather than point-based VMobjects.

Spheresphere15 attrs

Sphere object from the 3D Primitives catalog.

radiusradiusnumber1

resolutionresolutionnumber24

wireframewireframebooleanfalse

textureEnabledtexture Enabledbooleanfalse

texturePresettexture Presettextcheckerboard

textureUrltexture URLtextempty

textureColorAtexture Color Atext#f8fafc

textureColorBtexture Color Btext#0f172a

textureColorCtexture Color Ctext#38bdf8

textureAngletexture Anglenumber0

textureScaletexture Scalenumber10

textureSeedtexture Seednumber1

textureResolutiontexture Resolutionnumber512

textureRepeattexture Repeatlist[1, 1]

textureOffsettexture Offsetlist[0, 0]

Cubecube14 attrs

Cube object from the 3D Primitives catalog.

sideLengthside Lengthnumber2

wireframewireframebooleanfalse

textureEnabledtexture Enabledbooleanfalse

texturePresettexture Presettextcheckerboard

textureUrltexture URLtextempty

textureColorAtexture Color Atext#f8fafc

textureColorBtexture Color Btext#0f172a

textureColorCtexture Color Ctext#38bdf8

textureAngletexture Anglenumber0

textureScaletexture Scalenumber10

textureSeedtexture Seednumber1

textureResolutiontexture Resolutionnumber512

textureRepeattexture Repeatlist[1, 1]

textureOffsettexture Offsetlist[0, 0]

Boxbox3D16 attrs

Box object from the 3D Primitives catalog.

widthwidthnumber2

heightheightnumber1

depthdepthnumber1

wireframewireframebooleanfalse

textureEnabledtexture Enabledbooleanfalse

texturePresettexture Presettextcheckerboard

textureUrltexture URLtextempty

textureColorAtexture Color Atext#f8fafc

textureColorBtexture Color Btext#0f172a

textureColorCtexture Color Ctext#38bdf8

textureAngletexture Anglenumber0

textureScaletexture Scalenumber10

textureSeedtexture Seednumber1

textureResolutiontexture Resolutionnumber512

textureRepeattexture Repeatlist[1, 1]

textureOffsettexture Offsetlist[0, 0]

Cylindercylinder16 attrs

Cylinder object from the 3D Primitives catalog.

radiusradiusnumber1

heightheightnumber2

radialSegmentsradial Segmentsnumber32

wireframewireframebooleanfalse

textureEnabledtexture Enabledbooleanfalse

texturePresettexture Presettextcheckerboard

textureUrltexture URLtextempty

textureColorAtexture Color Atext#f8fafc

textureColorBtexture Color Btext#0f172a

textureColorCtexture Color Ctext#38bdf8

textureAngletexture Anglenumber0

textureScaletexture Scalenumber10

textureSeedtexture Seednumber1

textureResolutiontexture Resolutionnumber512

textureRepeattexture Repeatlist[1, 1]

textureOffsettexture Offsetlist[0, 0]

Conecone16 attrs

Cone object from the 3D Primitives catalog.

radiusradiusnumber1

heightheightnumber2

radialSegmentsradial Segmentsnumber32

wireframewireframebooleanfalse

textureEnabledtexture Enabledbooleanfalse

texturePresettexture Presettextcheckerboard

textureUrltexture URLtextempty

textureColorAtexture Color Atext#f8fafc

textureColorBtexture Color Btext#0f172a

textureColorCtexture Color Ctext#38bdf8

textureAngletexture Anglenumber0

textureScaletexture Scalenumber10

textureSeedtexture Seednumber1

textureResolutiontexture Resolutionnumber512

textureRepeattexture Repeatlist[1, 1]

textureOffsettexture Offsetlist[0, 0]

Torustorus17 attrs

Torus object from the 3D Primitives catalog.

radiusradiusnumber1

tubeRadiustube Radiusnumber0.3

radialSegmentsradial Segmentsnumber16

tubularSegmentstubular Segmentsnumber32

wireframewireframebooleanfalse

textureEnabledtexture Enabledbooleanfalse

texturePresettexture Presettextcheckerboard

textureUrltexture URLtextempty

textureColorAtexture Color Atext#f8fafc

textureColorBtexture Color Btext#0f172a

textureColorCtexture Color Ctext#38bdf8

textureAngletexture Anglenumber0

textureScaletexture Scalenumber10

textureSeedtexture Seednumber1

textureResolutiontexture Resolutionnumber512

textureRepeattexture Repeatlist[1, 1]

textureOffsettexture Offsetlist[0, 0]

Prismprism16 attrs

Prism object from the 3D Primitives catalog.

sidessidesnumber6

radiusradiusnumber1

heightheightnumber2

wireframewireframebooleanfalse

textureEnabledtexture Enabledbooleanfalse

texturePresettexture Presettextcheckerboard

textureUrltexture URLtextempty

textureColorAtexture Color Atext#f8fafc

textureColorBtexture Color Btext#0f172a

textureColorCtexture Color Ctext#38bdf8

textureAngletexture Anglenumber0

textureScaletexture Scalenumber10

textureSeedtexture Seednumber1

textureResolutiontexture Resolutionnumber512

textureRepeattexture Repeatlist[1, 1]

textureOffsettexture Offsetlist[0, 0]

3D Lines & Curves

3D segments, vectors, tubes, rulers, rotation axes, and camera path helpers.

Line 3Dline3D3 attrs

Path-like object with endpoints or direction controls.

startstartlist[-1, 0, 0]

endendlist[1, 0, 0]

lineWidthline Widthnumber2

Arrow 3Darrow3D5 attrs

Path-like object with endpoints or direction controls.

startstartlist[0, 0, 0]

endendlist[1, 1, 1]

tipLengthtip Lengthnumber0.25

tipRadiustip Radiusnumber0.1

shaftRadiusshaft Radiusnumber0.04

Vector 3Dvector3D1 attrs

Path-like object with endpoints or direction controls.

directiondirectionlist[1, 1, 1]

Vector ComponentsvectorComponents3D5 attrs

Path-like object with endpoints or direction controls.

originoriginlist[0, 0, 0]

directiondirectionlist[2, 1.5, 1]

showLabelsshow Labelsbooleantrue

componentLineWidthcomponent Line Widthnumber2

componentColorscomponent Colorslist[#EF4444, #22C55E, #3B82F6]

3D Rulerruler3D8 attrs

Path-like object with endpoints or direction controls.

startstartlist[-1.5, 0, 0]

endendlist[1.5, 1, 0.5]

tickCounttick Countnumber5

tickSizetick Sizenumber0.12

lineWidthline Widthnumber2

showDistanceshow Distancebooleantrue

labellabeltextempty

fontSizefont Sizenumber24

Rotation AxisrotationAxis8 attrs

Path-like object with endpoints or direction controls.

startstartlist[0, -1.5, 0]

endendlist[0, 1.5, 0]

radiusradiusnumber1

angleanglenumber1.5707963267948966

showArcshow Arcbooleantrue

showLabelshow Labelbooleantrue

labellabeltext90deg

lineWidthline Widthnumber2

Curve TubecurveTube3D6 attrs

Path-like object with endpoints or direction controls.

funcBodyfunc Bodytextreturn [Math.cos(t), Math.sin(t), t / 3];

tRangeT Rangelist[-3, 3]

radiusradiusnumber0.08

tubularSegmentstubular Segmentsnumber64

radialSegmentsradial Segmentsnumber10

wireframewireframebooleanfalse

Camera PathcameraPath3D5 attrs

Path-like object with endpoints or direction controls.

pointspointslist[3 items]

lineWidthline Widthnumber2

showPointsshow Pointsbooleantrue

showFramesshow Framesbooleantrue

frameSizeframe Sizenumber0.28

Parametric 3DparametricFunction3D15 attrs

Path-like object with endpoints or direction controls.

funcBodyfunc Bodytextreturn [Math.cos(t) * 1.5, Math.sin(t) ...

tRangeT Rangelist[0, 12.566370614359172]

numSamplesnum Samplesnumber200

scaleToFitFramescale To Fit Framebooleanfalse

fitFrameXGapfit Frame X Gapnumber0.25

fitFrameYGapfit Frame Y Gapnumber0.25

showAxesshow Axesbooleanfalse

axesColoraxes Colortext#94A3B8

axesStrokeWidthaxes Stroke Widthnumber2

axesTickStepaxes Tick Stepnumber1

showAxisLabelsshow Axis Labelsbooleantrue

xAxisLabelX Axis LabeltextX

yAxisLabelY Axis LabeltextY

zAxisLabelZ Axis LabeltextZ

axesLabelFontSizeaxes Label Font Sizenumber28

3D Points & Grids

3D dots, labeled points, point clouds, and high-volume procedural 3D containers.

Dot 3Ddot3D2 attrs

Dot 3D object from the 3D Points & Grids catalog.

radiusradiusnumber0.08

glowglowbooleanfalse

Point Labelpoint3DLabel5 attrs

Point Label object from the 3D Points & Grids catalog.

pointpointlist[1, 1, 1]

labellabeltextP(1, 1, 1)

radiusradiusnumber0.08

fontSizefont Sizenumber24

labelOffsetlabel Offsetlist[0.25, 0.25, 0.25]

Point CloudpointCloud3D4 attrs

Point Cloud object from the 3D Points & Grids catalog.

pointspointslist[5 items]

pointRadiuspoint Radiusnumber0.06

showLabelsshow Labelsbooleanfalse

labelFontSizelabel Font Sizenumber18

Dynamic Grid 3DdynamicGrid3D13 attrs

Dynamic Grid 3D object from the 3D Points & Grids catalog.

layerslayersnumber4

rowsrowsnumber6

colscolsnumber6

cellSizecell Sizenumber0.42

gapgapnumber0.08

showFrameshow Framebooleantrue

frameColorframe Colortext#94A3B8

frameOpacityframe Opacitynumber0.45

voxelOpacityvoxel Opacitynumber0.92

sphereSegmentssphere Segmentsnumber10

updateBodyupdate BodytextforEachCell((cell, layer, row, col) => ...

wrapwrapbooleanfalse

cellscellslist[144 items]

Optimized Container 3DoptimizedContainer3D12 attrs

Optimized Container 3D object from the 3D Points & Grids catalog.

widthwidthnumber7.2

heightheightnumber4.4

depthdepthnumber4.4

showFrameshow Framebooleantrue

frameColorframe Colortext#94A3B8

frameOpacityframe Opacitynumber0.36

itemOpacityitem Opacitynumber0.94

sphereSegmentssphere Segmentsnumber14

cylinderSegmentscylinder Segmentsnumber16

torusTubularSegmentstorus Tubular Segmentsnumber32

itemsitemslist[177 items]

updateBodyupdate Bodytextclear(); const count = 640; const time ...

3D Surfaces

Parametric, textured, planar, patch, tangent, revolution, and cross-section surfaces.

Parametric SurfaceparametricSurface19 attrs

3D surface/mesh object for spatial visualizations.

presetpresettextcustom

funcBodyfunc Bodytextreturn [u, v, 0.35 * Math.sin(u * 2) * ...

uRangeu Rangelist[-2, 2]

vRangev Rangelist[-2, 2]

uResolutionu Resolutionnumber24

vResolutionv Resolutionnumber24

wireframewireframebooleanfalse

scaleToFitFramescale To Fit Framebooleanfalse

fitFrameXGapfit Frame X Gapnumber0.25

fitFrameYGapfit Frame Y Gapnumber0.25

showAxesshow Axesbooleanfalse

axesColoraxes Colortext#94A3B8

axesStrokeWidthaxes Stroke Widthnumber2

axesTickStepaxes Tick Stepnumber1

showAxisLabelsshow Axis Labelsbooleantrue

xAxisLabelX Axis LabeltextX

yAxisLabelY Axis LabeltextY

zAxisLabelZ Axis LabeltextZ

axesLabelFontSizeaxes Label Font Sizenumber28

Textured SurfacetexturedSurface32 attrs

3D surface/mesh object for spatial visualizations.

presetpresettextsphere

texturePresettexture Presettextsunset

textureUrltexture URLtextdata:image/svg+xml,%3Csvg xmlns='http:/...

darkTextureUrldark Texture URLtextempty

textureColorAtexture Color Atext#312e81

textureColorBtexture Color Btext#f97316

textureColorCtexture Color Ctext#fde68a

textureAngletexture Anglenumber90

textureScaletexture Scalenumber5

textureSeedtexture Seednumber3

textureResolutiontexture Resolutionnumber512

funcBodyfunc Bodytextreturn [u, v, 0.35 * Math.sin(u * 2) * ...

uRangeu Rangelist[-2, 2]

vRangev Rangelist[-2, 2]

uResolutionu Resolutionnumber48

vResolutionv Resolutionnumber32

textureRepeattexture Repeatlist[1, 1]

textureOffsettexture Offsetlist[0, 0]

lightDirectionlight Directionlist[1, 0.25, 0.4]

doubleSideddouble Sidedbooleantrue

scaleToFitFramescale To Fit Framebooleanfalse

fitFrameXGapfit Frame X Gapnumber0.25

fitFrameYGapfit Frame Y Gapnumber0.25

showAxesshow Axesbooleanfalse

axesColoraxes Colortext#94A3B8

axesStrokeWidthaxes Stroke Widthnumber2

axesTickStepaxes Tick Stepnumber1

showAxisLabelsshow Axis Labelsbooleantrue

xAxisLabelX Axis LabeltextX

yAxisLabelY Axis LabeltextY

zAxisLabelZ Axis LabeltextZ

axesLabelFontSizeaxes Label Font Sizenumber28

Ground PlanegroundPlane5 attrs

3D surface/mesh object for spatial visualizations.

widthwidthnumber10

depthdepthnumber10

divisionsdivisionsnumber10

lineOpacityline Opacitynumber0.6

lineWidthline Widthnumber1

Planeplane3D7 attrs

3D surface/mesh object for spatial visualizations.

centercenterlist[0, 0, 0]

normalnormallist[0, 0, 1]

widthwidthnumber4

heightheightnumber3

showGridshow Gridbooleantrue

gridDivisionsgrid Divisionsnumber6

wireframewireframebooleanfalse

Triangle SurfacetriangleSurface3D2 attrs

3D surface/mesh object for spatial visualizations.

verticesverticeslist[3 items]

wireframewireframebooleanfalse

Rectangle SurfacerectangleSurface3D2 attrs

3D surface/mesh object for spatial visualizations.

verticesverticeslist[4 items]

wireframewireframebooleanfalse

Trapezoid SurfacetrapezoidSurface3D2 attrs

3D surface/mesh object for spatial visualizations.

verticesverticeslist[4 items]

wireframewireframebooleanfalse

Tangent PlanetangentPlane9 attrs

Tangent Plane object from the 3D Surfaces catalog.

funcBodyfunc Bodytextreturn [u, v, 0.25 * (u * u - v * v)];

uunumber0.6

vvnumber0.4

uRangeu Rangelist[-2, 2]

vRangev Rangelist[-2, 2]

sizesizenumber2

epsilonepsilonnumber0.01

showNormalshow Normalbooleantrue

normalLengthnormal Lengthnumber0.8

Surface PatchsurfacePatch6 attrs

Surface Patch object from the 3D Surfaces catalog.

funcBodyfunc Bodytextreturn [u, v, 0.35 * Math.sin(u * 2) * ...

uRangeu Rangelist[-2, 2]

vRangev Rangelist[-2, 2]

uResolutionu Resolutionnumber24

vResolutionv Resolutionnumber24

wireframewireframebooleanfalse

Solid of RevolutionsolidOfRevolution6 attrs

Solid of Revolution object from the 3D Surfaces catalog.

expressionexpressiontext0.4 + 0.25 * Math.sin(x * 2)

xRangeX Rangelist[-2, 2]

axisaxistextx

lengthResolutionlength Resolutionnumber48

radialResolutionradial Resolutionnumber24

wireframewireframebooleanfalse

Cross SectioncrossSection3D6 attrs

Cross Section object from the 3D Surfaces catalog.

solidsolidtextsphere

radiusradiusnumber1.4

planeZplane Znumber0.45

planeSizeplane Sizenumber3.5

showPlaneshow Planebooleantrue

curveResolutioncurve Resolutionnumber96

3D Axes

3D coordinate axes with optional labels.

3D AxesthreeDAxes4 attrs

3D Axes object from the 3D Axes catalog.

xRangeX Rangelist[-5, 5, 1]

yRangeY Rangelist[-5, 5, 1]

zRangeZ Rangelist[-5, 5, 1]

showLabelsshow Labelsbooleantrue

Platonic Solids

Platonic solids with wireframe and material options.

Tetrahedrontetrahedron2 attrs

Tetrahedron object from the Platonic Solids catalog.

sideLengthside Lengthnumber2

wireframewireframebooleanfalse

Octahedronoctahedron2 attrs

Octahedron object from the Platonic Solids catalog.

sideLengthside Lengthnumber2

wireframewireframebooleanfalse

Icosahedronicosahedron2 attrs

Icosahedron object from the Platonic Solids catalog.

sideLengthside Lengthnumber2

wireframewireframebooleanfalse

Dodecahedrondodecahedron2 attrs

Dodecahedron object from the Platonic Solids catalog.

sideLengthside Lengthnumber2

wireframewireframebooleanfalse

3D Hull

Convex hulls built from point sets.

Convex HullconvexHull3D2 attrs

Convex Hull object from the 3D Hull catalog.

pointspointslist[6 items]

wireframewireframebooleanfalse

Other Characters

Other Characters objects available in the editor.

both

Pi MascotpiMascotCreature4 attrs

Pi Mascot object from the Other Characters catalog.

themethemetextsoft-mascot

modemodetextidle

heightheightnumber2.4

flipHorizontalflip Horizontalbooleanfalse

Blob CreatureblobCreature4 attrs

Blob Creature object from the Other Characters catalog.

modemodetextidle

heightheightnumber2.4

accentColoraccent Colortext#FBBF24

flipHorizontalflip Horizontalbooleanfalse

Robot CreaturerobotCreature4 attrs

Robot Creature object from the Other Characters catalog.

modemodetextidle

heightheightnumber2.6

accentColoraccent Colortext#FBBF24

flipHorizontalflip Horizontalbooleanfalse

Pi CreaturepiCreature3 attrs

Pi Creature object from the Other Characters catalog.

modemodetextplain

heightheightnumber3

flipHorizontalflip Horizontalbooleanfalse

Other Objects

Other Objects objects available in the editor.

both

Integer Matrixmatrix3 attrs

Integer Matrix object from the Other Objects catalog.

datadatalist[2 items]

bracketTypebracket Typetext[]

fontSizefont Sizenumber48

Decimal MatrixdecimalMatrix4 attrs

Structured data layout with editable entries and cell-aware animations/bindings.

datadatalist[2 items]

decimalPlacesdecimal Placesnumber2

bracketTypebracket Typetext[]

fontSizefont Sizenumber48

MatrixstringMatrix3 attrs

Structured data layout with editable entries and cell-aware animations/bindings.

datadatalist[2 items]

bracketTypebracket Typetext[]

fontSizefont Sizenumber48

Timeline

Animations, actions, and applicability

Timeline clips target an object, group, runtime result, scene camera, or scene control. Some clips are universal, while others require point-based geometry, a matrix target, a path, a tracker, a multi-part formula, a dynamic object, or a specific creature implementation.

Transform-class animations need point-based geometry on both source and target. Mesh-backed 3D objects such as spheres, surfaces, and optimized containers should use mesh-safe animations such as fade, movement, camera, duplicate, or surface reveal/morph where supported.

Entrance

18 animation types in this section.

AnimationActionApplies toNeeds

Fade InfadeIn

Fades an object from transparent to visible.

Any visible mobject, including most 2D objects, 3D meshes, media, groups, and generated runtime objects.

No extra selection required.

Createcreate

Draws point-based geometry along its outline or path.

Best on VMobjects such as shapes, lines, arrows, SVG/math glyph paths, graph curves, and other point-based objects.

Mesh and browser-texture objects may fall back to a simple visibility/fade behavior.

Draw Border Then FilldrawBorderThenFill

Draws the outline first, then fills the object.

Filled point-based shapes and glyph/path objects with stroke and fill.

No extra selection required.

Writewrite

Writes text, MathTex, or glyph-like objects with a stroke-to-fill reveal.

Text, MathTex, vector text, formulas, and text-like VMobjects.

No extra selection required.

Grow From CentergrowFromCenter

Scales the object up from its center.

Any mobject with a meaningful center, including 2D shapes, media planes, and many 3D objects.

No extra selection required.

Grow From EdgegrowFromEdge

Scales the object in from one selected edge.

Objects with measurable bounds.

Choose an edge: up, down, left, or right.

Grow From PointgrowFromPoint

Scales the object outward from a chosen world-space point.

Objects with measurable bounds.

Choose the origin point.

Grow ArrowgrowArrow

Draws an arrow or vector from start toward end.

Arrow-like and vector-like objects.

No extra selection required.

Spin InspinInFromNothing

Creates the object while rotating it into place.

Most visible objects with transformable position, scale, and rotation.

No extra selection required.

Spiral InspiralIn

Brings the object in with a spiral scale/rotation motion.

Most visible objects with transformable position, scale, and rotation.

No extra selection required.

Reveal SurfacerevealSurface

Reveals mesh/surface material along a swept 3D axis.

3D surfaces, primitives, dynamic 3D grids, polyhedra, hulls, and other supported mesh-like surfaces.

A supported 3D surface/mesh source and an axis.

Sweep RevealsweepReveal

Reveals an object with an angular sweep mask.

Objects that can be masked or revealed by a sweep. A selected line/arrow can act as the rotating sweep arm.

Optional sweep-line object or a pivot/angle setup.

Linear Mask ReveallinearMaskReveal

Reveals an object with a soft linear wipe.

Most visible objects that support masking/fade reveal.

Center, direction, softness, and fade-shape settings.

Radial Mask RevealradialMaskReveal

Reveals an object through an expanding circular mask.

Most visible objects that support masking/fade reveal.

Center, radius, softness, and fade-shape settings.

Noise Mask RevealnoiseMaskReveal

Reveals an object through a procedural noise dissolve.

Most visible objects that support masking/fade reveal.

Noise scale, seed, softness, and fade-shape settings.

Reveal CoderevealCode

Reveals a code block while preserving or rebuilding layout.

Code objects only.

A Code object.

Show Duplicate (grid)showDuplicate

Creates a 2D row/grid of duplicates or dotted placeholders from the source.

2D objects with copyable geometry or visual bounds.

Primary/secondary directions, counts, spacing, and display mode.

Show Duplicate 3DshowDuplicate3D

Creates a 3D lattice of duplicates from the source.

Supported 3D surface/mesh objects.

Primary, secondary, and tertiary directions plus layer/count settings.

Exit

4 animation types in this section.

AnimationActionApplies toNeeds

Fade OutfadeOut

Fades an object from visible to transparent.

Any visible mobject.

No extra selection required.

Uncreateuncreate

Undraws point-based geometry in reverse.

Point-based VMobjects such as paths, shapes, formula glyphs, and graph curves.

No extra selection required.

Unwriteunwrite

Removes text or formula strokes in a write-like reverse.

Text, MathTex, and text-like glyph objects.

No extra selection required.

Shrink To CentershrinkToCenter

Scales the object down into its center.

Most visible objects with transformable scale.

No extra selection required.

Movement

12 animation types in this section.

AnimationActionApplies toNeeds

Shiftshift

Moves the object by a delta vector.

Any object with position.

Delta [x, y, z].

Shift ToshiftTo

Moves the object to an edge, another object, or a specific position.

Any object with position.

Destination type and destination details.

Rotaterotate

Rotates the object around itself, the origin, or another object.

Objects with transformable rotation.

Angle, axis, and pivot mode.

ScalescaleAnim

Animates a scale multiplier.

Objects with transformable scale.

Scale factor.

Move TomoveTo

Moves the object to an edge, object, or coordinate.

Any object with position.

Destination type and destination details.

Move To TargetmoveToTarget

Moves the source to a target while optionally scaling and moving companions.

Movable source objects; can include additional objects as a group-like move.

Target/destination and scale factor.

Fit To ZonefitToZone

Fits an object or duplicated result into a frame, object, or result zone.

Objects with measurable bounds, including result-producing duplicates.

Source kind, zone kind, fit mode, padding, and scale multiplier.

Ghost MoveghostMove

Leaves the original in place and moves a faded ghost copy to a destination.

Copyable objects with position.

Destination and ghost opacity.

Move Along PathmoveAlongPath

Moves the source along another object used as a path.

A movable source plus a path object such as line, arc, curve, or traced path.

Path object.

Insert Into EntrymoveToEntry

Moves an object into a selected matrix/table entry.

Any movable source plus a matrix/table target.

Matrix object and row/column entry.

Replace EntryreplaceEntry

Moves an object into a selected entry and replaces that entry visually.

Any movable source plus a matrix/table target.

Matrix object and row/column entry.

Move Part To Matrix EntrymoveToMatrixEntry

Donates one part of a multi-part MathTex into a TeX matrix cell.

Source must be multi-part MathTex; target must be a TeX Matrix.

Matrix object, row/column entry, and source part.

Transform

13 animation types in this section.

AnimationActionApplies toNeeds

Transformtransform

Morphs source geometry into target geometry.

Point-based source and target objects. Avoid mesh-backed 3D objects.

Target object.

Replacement TransformreplacementTransform

Transforms source into target and treats the target as the replacement.

Point-based source and target objects.

Target object.

Fade TransformfadeTransform

Cross-fades while transforming source toward target.

Point-based source and target objects.

Target object and stretch factor.

Transform From CopytransformFromCopy

Transforms a copy of the source into the target while keeping the source.

Point-based source and target objects.

Target object.

Clockwise TransformclockwiseTransform

Transforms source into target along a clockwise arc.

Point-based source and target objects.

Target object and arc angle.

Counter-Clockwise TransformcounterclockwiseTransform

Transforms source into target along a counter-clockwise arc.

Point-based source and target objects.

Target object and arc angle.

Surface MorphsurfaceMorph

Morphs one supported parametric/textured surface into another.

Parametric Surface and Textured Surface objects.

Surface target object.

Transform Matching TeXtransformMatchingTex

Matches and transforms LaTeX glyphs or parts by TeX identity.

MathTex rendered as SVG/vector glyphs, preferably with stable semantic parts.

Target MathTex object.

Transform Matching ShapestransformMatchingShapes

Matches sub-shapes by geometry and transforms similar shapes together.

Point-based shapes, SVG/vector text, and MathTexSVG glyphs.

Target object, match threshold, and fade ratio.

Ordered Transform Matching ShapesorderedTransformMatchingShapes

Transforms shape parts according to an explicit order/permutation.

Point-based source and target objects with comparable part structure.

Permutation mapping.

Move To FormulamoveToFormula

Moves selected parts from one multi-part formula into another formula.

Source and target must be multi-part MathTex.

Target formula and part mapping.

Fade To ColorfadeToColor

Animates an object to a new color.

Objects with color or material color.

Target color.

Apply FunctionapplyFunction

Applies a point function to deform point-based geometry.

Point-based VMobjects with accessible points.

No extra selection required.

Value Tracker

2 animation types in this section.

AnimationActionApplies toNeeds

Animate To ValueanimateTo

Animates a numeric tracker to a new value.

Value Tracker and Integer Tracker objects.

Target numeric value.

Animate To ComplexanimateComplexTo

Animates a complex tracker to a new real/imaginary value.

Complex Tracker objects.

Target real and imaginary parts.

Multi-Part

3 animation types in this section.

AnimationActionApplies toNeeds

Relayout PartsrelayoutTexParts

Re-packs remaining multi-part TeX pieces horizontally to close gaps.

Multi-part MathTex only.

Use after moving, hiding, or donating formula parts.

Multi-Parts (per-part anim)multiParts

Runs another animation independently on each detected part.

Multi-part Text, multi-part MathTex, groups, or runtime objects with child parts.

Inner animation, per-part duration, and spacing.

Reveal By PartrevealParts

Reveals parts one by one with ordered, random, or center-out timing.

Multi-part Text, multi-part MathTex, groups, or runtime objects with child parts.

Effect, order, direction, per-part duration, spacing, and optional seed.

Dynamic Updates

1 animation types in this section.

AnimationActionApplies toNeeds

Run Update StepsgridStep

Runs procedural update steps on a dynamic object.

Dynamic Grid, Dynamic Grid 3D, Pixel Canvas, Optimized Container, and Optimized Container 3D.

Step count, step duration, and reset behavior.

Timing

3 animation types in this section.

AnimationActionApplies toNeeds

Waitwait

Adds timeline time without changing the object.

Any object; behaves as a scene timing control.

No extra selection required.

Add To SceneaddToScene

Adds an object to the scene at a specific timeline time.

Any object that should appear without an entrance animation.

No extra selection required.

Scene ViewsceneView

Renders another scene as a view/source inside the current timeline.

Scene-level timing workflow; requires another scene.

A source scene.

Emphasis

12 animation types in this section.

AnimationActionApplies toNeeds

Indicateindicate

Briefly scales and recolors an object to draw attention.

Visible objects with color and scale.

No extra selection required.

Flashflash

Emits radial flash lines around the object or point.

Visible objects or chosen focus positions.

Flash color, radius, and line count.

Circumscribecircumscribe

Draws a temporary rectangle/circle around an object.

Objects with measurable bounds.

Shape, color, buffer, and fade-out behavior.

Animated BoundaryanimatedBoundary

Adds a cycling dashed boundary around an object.

Objects with measurable bounds.

Colors, dash count, dash width, cycle rate, and buffer.

Wigglewiggle

Applies a small repeated rotational wiggle.

Objects with rotation and scale.

No extra selection required.

Apply WaveapplyWave

Applies a wave-like deformation or visual ripple.

Point-based objects, text/math glyphs, and supported visible objects.

No extra selection required.

Focus OnfocusOn

Creates focus rings around the object or point.

Visible objects with a center or selected point.

No extra selection required.

Pulsepulse

Repeats a quick scale pulse.

Objects with scale.

No extra selection required.

Passing FlashshowPassingFlash

Sends a bright trace along an object path or outline.

Point-based paths, curves, shapes, and glyph outlines.

No extra selection required.

Blinkblink

Temporarily lowers opacity and restores it.

Objects with opacity.

No extra selection required.

Wiggle Out Then InwiggleOutThenIn

Wiggles and scales outward, then returns to the original state.

Objects with rotation and scale.

No extra selection required.

Create Then DestroyshowCreationThenDestruction

Draws an object and immediately removes the drawn trace.

Point-based shapes, paths, and outlines.

No extra selection required.

Character

6 animation types in this section.

AnimationActionApplies toNeeds

Creature BlinkcreatureBlink

Animates a creature blink.

Glyph Creature objects.

No extra selection required.

Look At TargetcreatureLookAtTarget

Turns a creature gaze toward another object.

Glyph Creature objects.

Target object.

ThinkingcreatureThinking

Changes creature expression and shows a thinking bubble.

Glyph Creature objects.

Bubble text and placement options.

SpeakingcreatureSpeaking

Changes creature expression and shows a speech bubble.

Glyph Creature objects.

Bubble text and placement options.

ExclaimingcreatureExclaiming

Changes creature expression and shows an exclamation-style bubble.

Glyph Creature objects.

Bubble text and placement options.

Pi Mode ChangepiCreatureModeChange

Changes a Pi Creature expression/mode.

Pi Creature objects.

Target mode.

Camera

4 animation types in this section.

AnimationActionApplies toNeeds

2D Camera Movecamera2DMoveTo

Animates the 2D camera center and zoom.

2D scenes.

Camera position and zoom.

2D Camera Followcamera2DFollow

Makes the 2D camera follow a target during the animation.

2D scenes with a target object.

Target object and zoom.

Camera MovecameraMoveTo

Moves the 3D camera to a new orbit configuration.

3D scenes.

Phi, theta, distance, target, or related camera settings.

Camera OrbitcameraOrbit

Orbits the 3D camera around the scene target.

3D scenes.

Orbit axis/rate/duration settings.

Other Animations

2 animation types in this section.

AnimationActionApplies toNeeds

Type Letter By LetteraddTextLetterByLetter

Types text into view character by character.

Text-like objects that expose text content.

Time per character.

Untype Letter By LetterremoveTextLetterByLetter

Untypes text one character at a time.

Text-like objects that expose text content.

Time per character.

Live relationships

Binding mechanism

A binding connects a source object property to a target object value. The source is the object being changed. The target supplies the live input value and atarget context. By default the input variable t is the target value most relevant to the selected property.

Bindings run during preview/export as updaters, so they keep reacting while trackers animate or while target objects move. The expression editor has two modes: expression mode wraps your text as return (expression); code mode accepts a function body and should explicitly return a value.

Multi-tracker bindings such as function expressions, LaTeX expressions, bar values, pixel updates, and custom bodies can reference several trackers. The generated code exposes safe variable names from tracker names and setup-code returns.

Target context

Common values available inside transforms:

target.valuetarget.retarget.imtarget.positionXtarget.positionYtarget.positionZtarget.leftXtarget.rightXtarget.topYtarget.bottomYtarget.rotationtarget.scaletarget.widthtarget.heighttarget.radiustarget.colortarget.fillColortarget.opacity

Expression examples

Math.sin(t) * 2
target.positionX + t
// code mode
const pulse = Math.sin(t * Math.PI * 2);
return target.width * (1 + pulse * 0.2);

PropertyModeSource objectTarget

X PositionpositionX

Single value

Any compatible object exposing this property.