Try for freeTry for free
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Download for macOSv7.6.0 · Apple Silicon (.dmg)Download for Windowsv7.6.0 · 64-bit (.exe)

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Download for macOSv7.6.0 · Apple Silicon (.dmg)Download for Windowsv7.6.0 · 64-bit (.exe)

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
Animation & Physics · MCP Tool

apply_animation_preset

Applies a named animation preset to one or many objects — generates all keyframe tracks automatically. Presets include: fade_in/out, grow_in, pop_in, bounce_in, slide_in_left/up/right/down, fly_in, flip_in_x/y, spin_in, blur_in, zoom_out, pulse_loop, float_loop, spin_loop, marquee_loop, shake, heartbeat, wiggle_position, shimmer_sweep, framer_spring/pop/tap/reveal/slide_up/down/left/right/bounce_entrance/smooth_entrance/glide/pulse/scale_rotate, blur_entrance/skew_entrance/perspective_flip/glow_pulse, static_burst/shockwave/vortex/cinematic_landing/jello/tada/rubber_band/modern_reveal/tracking_in/focus_in/roll_in/bounce_wave/neon_flicker/draw_in/draw_out/stroke_pulse/wind/pendulum_swing. Call list_animation_presets for the full catalog.

Launch Web EditorDownload DesktopSetup Guide →
Tool Overview & Agent Execution

apply_animation_preset is an official Exode MCP tool that allows AI coding assistants like Claude Code, Cursor, and Windsurf to applies a named animation preset to one or many objects — generates all keyframe tracks automatically. presets include: fade_in/out, grow_in, pop_in, bounce_in, slide_in_left/up/right/down, fly_in, flip_in_x/y, spin_in, blur_in, zoom_out, pulse_loop, float_loop, spin_loop, marquee_loop, shake, heartbeat, wiggle_position, shimmer_sweep, framer_spring/pop/tap/reveal/slide_up/down/left/right/bounce_entrance/smooth_entrance/glide/pulse/scale_rotate, blur_entrance/skew_entrance/perspective_flip/glow_pulse, static_burst/shockwave/vortex/cinematic_landing/jello/tada/rubber_band/modern_reveal/tracking_in/focus_in/roll_in/bounce_wave/neon_flicker/draw_in/draw_out/stroke_pulse/wind/pendulum_swing. call list_animation_presets for the full catalog.. It directly inspects and modifies local .exode JSON files with precision without manual UI tweaking.

Example Prompt for Claude Code & Cursor

Give this instruction to your AI coding agent to execute this tool on your active .exode workspace:

prompt
"Use apply_animation_preset to configure the motion properties in my active .exode workspace"

Tool Parameters & Input Schema

ParameterTypeRequiredDescription
animationIdstringOptionalOptional existing animation to append into; else one is created
animationNamestringOptionalThe animationName parameter for apply_animation_preset.
durationnumberOptionalOverride duration (default per-preset)
objectIdstringYesObject ID or array of IDs (staggered batch)
pathstringYesThe path parameter for apply_animation_preset.
presetstringYesThe preset parameter for apply_animation_preset.
startOffsetnumberOptionalStart offset in seconds (use for stagger)

More Animation & Physics Tools

add_animation
RECOMMENDED PRIMARY MOTION PRIMITIVE: Adds an animation object with multi-track keyframes. Preferred over heavy effects for 60fps performance and zero filter memory bloat.
add_code_animation
Adds procedural motion to a normal object: `function animate(t, o, params, ctx)` runs every frame; set o.x/o.y/o.rotation/o.skewX/o.skewY (added), o.scale/o.scaleX/o.scaleY/o.opacity (multiplied), o.text, o.color. Offsets apply to the object's static transform and override its keyframed transform, so to combine with keyframes put the keyframes on a parent Frame (not a Group, which re-centres on its moving child). Use for orbits, wobble, noise drift, counters and seamless loops while the object stays editable.
add_custom_effect
Attaches drawing code to an object: `function render(ctx, env)` runs every frame and paints into the object's box (origin at its centre; env has width, height, time, params, inputs, pointer). Use for generative motion: particles, flow fields, metaballs, procedural type, 3D projection, textures. Put full-bleed pieces on an artboard-sized Rectangle. Code is syntax-checked and linted for minifier and determinism problems. See get_motion_skill { topic: 'effect-code' }.
add_effect
Adds a visual effect to an object (blur, backdropBlur, glow, dropShadow, innerShadow, etc.). ⚠️ PERFORMANCE & MEMORY NOTICE: Visual effects cause heavy GPU/canvas rasterization filter passes and high memory consumption during animation. NEVER use effects as a substitute for motion, states, or interactions. Always build dynamic behaviors using (1) Animations (animate_properties, create_timeline), (2) State Variables (add_input, bind_variable), and (3) Project / Interaction Rules (add_object_interaction, setup_project_rules). Use add_effect sparingly for subtle static aesthetic styling only.

Build & Review Motion Visually

Let Claude or Cursor run apply_animation_preset, then fine-tune timing, spring physics, and export ready-to-ship code in ExodeUI.

Launch Web EditorDownload Desktop