--- title: "3D UI Reveal" description: "Perspective 3D reveal animation for UI elements" --- import { InstallCommand } from "/snippets/install-command.jsx"; ## Install That writes one file: `compositions/ui-3d-reveal.html`. ## Source ```html ui-3d-reveal App Redesign › Design System Design Dev Share S J K ▶ Layers Assets Search layers Page 1 HeyGen — Home Navigation Logo / Mark Nav Links Create Card Hero Feature Grid Footer Design System Landing + HeyGen — Home Avatar Video Agent Motion Cut Translate Apps Projects J Video Agent New video YESTERDAY AI Skills Gap: Alien PREVIOUS 3 DAYS AI Skills Gap: Alien Product Strategy: An AI... S9 S7 S5 S3 PREVIOUS 7 DAYS S8 lock S4 S2 Moody t2 99+ Turn your ideas intoproduction-ready video Avatar Jordan Voice Auto Style Auto Describe your video idea ... Generate Styles from the community All Styles Retro Tech Iconic Artist Pop Culture Print Cinematic IMPLEMENTATION DEPTH Strategy means saying NO ? THINK BIG.START SMALL. Create Card · W 322 H 110 Design Prototype Inspect ⬓ ⬒ ⬔ ⬕ ⬗ W 108 H 34 X 1244 Y 18 ↺ 0° ⌐ 8 Auto layout − → 12px ⊡ 14 / 8 Fill + FFFFFF 100% Stroke + No strokes Effects + Drop shadow Export + N o t h i n g g r e a t i s m a d e a l o n e . figma.com ``` ## Usage After installing, add the block to your host composition: ```html