Effects
LEGEND APPSPreview

Interactive glass

A WebGPU glass atmosphere.

← All effectsInteractive glass in Legend Slides

Still captured in Legend Slides for macOS (development build).

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

Use it in a deck

---
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: 86, textAlign: "center", marginTop: 230 }}>A little atmosphere</Text>
</View>

Configure

Background
Use the host wrapper for priority and intensity.

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