Effects
LEGEND APPSPreview

Soft ripple

Timed image distortion over captured slide content.

All effects
Recorded in Legend Slides for macOS (release build).

Requires a Legend Slides build with effect installation support. Installs the materials pack (1.0.2, 41 KB source) and its dependencies. macOS host capabilities: reanimated, skia, webgpu. Installed decks work offline.

Use it in a deck

soft-ripple.mdx
---
title: Soft ripple
---

import { View, Text } from "react-native";
import { createSoftRippleShader } from "slides:materials/Distortion";

export const ripple = createSoftRippleShader(0.35);

# Soft ripple

<View style={{ width: 1696, height: 650 }}>
<Effect shader={ripple} style={{ width: 1696, height: 600 }}><View style={{ width: 1696, height: 600, backgroundColor: "#164e63", alignItems: "center", justifyContent: "center" }}><Text style={{ color: "white", fontSize: 94 }}>A gentler wave</Text></View></Effect>
</View>

Configure

strength
Adjust displacement.
createSoftRippleShader(intensity)
Factory argument, 0–1; defaults to 1.

Only imported effects enter the compiled deck. Installation and versioning →

More in the materials pack