Effects
LEGEND APPSPreview
Interactive glass
A WebGPU glass atmosphere.
All effectsRecorded in Legend Slides for macOS (release build).
Requires a Legend Slides build with effect installation support. Installs the backgrounds pack (1.0.3, 22 KB source) and its dependencies. macOS host capabilities: reanimated, skia, webgpu. Installed decks work offline.
Use it in a deck
interactive-glass.mdx
---
title: Interactive glass
---
import { View, Text } from "react-native";
import { TypeGPUGlassBackground } from "slides:backgrounds/TypeGPUGlassBackground";
export function GlassExample({renderer}) { return <TypeGPUGlassBackground>{renderer}</TypeGPUGlassBackground>; }
# Interactive glass
<View style={{ width: 1696, height: 650 }}>
<GlassExample renderer={<TypeGPUShader />} />
<Text style={{ color: "#f8fafc", fontSize: 88, textAlign: "center", marginTop: 230 }}>Glass in motion</Text>
</View>
Configure
- Background
- Use the host wrapper for priority and intensity.
Only imported effects enter the compiled deck. Installation and versioning →