Effects for a bigger screen.
31 native effects for backgrounds, materials, particles, charts, and more. Install a small pack, import it into your MDX, and present.
Real captures from the macOS development app.
One import away.
- 01 / INSTALL
Effects ship in small, versioned packs. Slides shows the pack and version before installing it.
legend-slides://effects/install?pack=backgrounds - 02 / IMPORT
Import an effect into your MDX like any component. Only what you import enters the deck.
import { Fluid } from "slides:backgrounds/Fluid"; - 03 / PRESENT
A lockfile beside the deck pins exact versions. Compiling and playback make no network requests.
<Background><Fluid /></Background>
Every effect.
Each one comes with a complete example deck. Open it in Slides, or copy the MDX into your own.
31 effects
Animated title
typographySixteen entrances for words, letters and whole headings; four curated starting points.
Ambient aurora
backgroundsSoft animated ribbons of color.
Droplets
backgroundsA liquid droplet field with smooth unions.
Fluid
backgroundsFlowing color and light.
Wireframe
backgroundsAn animated geometric wireframe.
Glass atmosphere
backgroundsAmbient refracted glass forms.
Interactive glass
backgroundsA WebGPU glass atmosphere.
Glass panels
materialsRounded panels rendered together on one glass surface.
Glass strike
materialsStrike a glass panel, shatter it and optionally resolve to a check.
Upward flames
materialsFire grows upward from a bar using the shared step clock.
Falling sprites
materialsImages fall through fire, splash and accumulate on the stage floor.
Image shatter
materialsReveal an image, then break it into falling pieces.
Prismatic tear
materialsTimed image distortion over captured slide content.
Soft ripple
materialsTimed image distortion over captured slide content.
Refraction
materialsRounded glass regions refract and blur their captured content.
Glow field
particlesA configurable particle program executed by the host WebGPU renderer.
Constellation
particlesA configurable particle program executed by the host WebGPU renderer.
Interface reveal
particlesA configurable particle program executed by the host WebGPU renderer.
Trajectory emitter
particlesRepeat arbitrary content along native keyframe paths.
Branch fan
diagramsCurved, illuminated ribbons connect a root to caller-defined endpoints.
Progressive detail
presentingReveal and compare caller-supplied content while keeping its state mounted.
Comparison wipe
presentingReveal and compare caller-supplied content while keeping its state mounted.
Content swap
presentingReveal and compare caller-supplied content while keeping its state mounted.
Exploded layers
presentingReveal and compare caller-supplied content while keeping its state mounted.

Spotlight and callouts
presentingMeasured attention overlays follow targets through stage scaling.
Code walkthrough
presentingEmphasize and scroll to selected lines of source.
Freeze and annotate
presentingPause a controlled animation and show annotations without remounting it.
Chart bar
chartsA textured animated bar with optional grouping colors.
Animated chart row
chartsStable labels and changing values move with an animated chart bar.
Media carousel
mediaA configurable filmstrip with focus blur and retained content.
Lottie animation
animationNative Lottie playback synchronized with the shared slide clock.
Go further
Effects are React Native components in versioned packs. Learn how decks pin them, or publish your own.