⚡

Interactivity & Actions

Make your Ripple interactive with actions, triggers, states, variables, drag-and-drop, and animations.

Fundamentals

Actions Overview

How the action system works — triggers, actions, conditions, chaining, and scope. The foundation of all interactivity in Rippily.

Triggers

Every trigger type explained — mouse, keyboard, touch, drag-and-drop, lifecycle, media, data, breakout, lock, and selection events.

Action Types

'Action: Navigate'

Open URLs and scroll to locations within your Ripple using the Navigate action.

'Action: Scene Switch'

Navigate between scenes with the Scene Switch action — go to specific scenes or use next/previous for sequential flow.

'Action: Sound'

Control audio playback with the Sound action — play, pause, stop, toggle, and configure volume, looping, and fades.

'Action: Visual Effects'

Apply visual effects like scale, glow, shake, and spin to elements for interactive feedback.

'Action: Set Variable'

Modify variable values with add, subtract, toggle, random, and set operations to drive interactive logic.

'Action: Layer'

Control layer visibility with show, hide, and toggle operations for tab-like interfaces and progressive disclosure.

'Action: Change State'

Switch element visual states with the Change State action — set or toggle between appearance configurations.

'Action: Move Element'

Animate elements to new positions with the Move Element action — absolute, relative, and variable-driven motion.

'Action: Breakout'

Control breakout zones with the Breakout action — enable, disable, or toggle breakout mode via element clicks.

'Action: Celebration'

Trigger confetti and emoji particle effects with the Celebration action for moments of delight.

'Action: Clear Drop Zone'

Reset or delete items from drop zones in drag-and-drop interactions.

'Action: Reset'

Reset runtime state to let participants start over — variables, fired actions, scene, element changes, and sounds.