# Paraplex features

> Generated from the feature registry in `src/marketing` on 2026-11-14 (commit 9477070a). Don't edit this file: edit the registry and run `npm run features:build`. The live copy is at https://app.paraplex.ai/press/paraplex-features.md (and `.json`, `.txt` for agents); screenshots and clips of each feature are in the gallery, https://app.paraplex.ai/press/media (and `paraplex-media.json`).

For the people and agents making paraplex.ai pages and marketing. Every entry was checked against the app on the date it shows; the counts are read from the code when this file is built. Pricing, plans and credits are left out on purpose.

**How to read an entry:** ★ marks a flagship feature, a strong candidate for its own landing page. **Page** says whether it deserves its own page or a section of another. **Where** is the path to it in the app. **Media** links each screenshot or clip that shows it in the gallery, where every file has a stable link to copy.

## Product summary

Paraplex is a motion design app that runs in the browser, with nothing to install. People use it to make animated videos, social posts, product and app promos, data stories, website heroes and interactive embeds. Every scene is real 3D, lit by real lights and environments and built from physically based materials such as glass, chrome and wood, but it works like a flat slide until you want depth. Its AI assistant builds and edits scenes through the same layers, keyframes and settings a person uses, shows each change for review before you keep it, and leaves every keyframe editable afterwards. One scene can be reframed for every aspect ratio and exported as MP4, transparent WebM, GIF, PNG, Lottie or a live web embed.

**Key numbers:** 89 templates · 14 template categories · 39 text animation presets · 24 one-click material looks · 16 text styles · 35 built-in fonts · 27 effects in the effect library · 18 scene transitions · 8 camera move presets · 161 tools the assistant edits with · an hour longest piece · 10–120 fps frame rates · 4× largest export, times the canvas size

## Contents

1. [Templates and starting a project](#templates): [★ Motion design templates](#motion-design-templates) · [Slideshow, carousel and filmstrip templates](#slideshow-carousel-filmstrip-templates) · [★ Start with a sentence (text to animation)](#start-with-a-sentence) · [Save as template](#save-as-template) · [Guided tour and first steps](#guided-tour-and-first-steps)
2. [Editor and workspace](#editor): [★ Online motion design editor](#online-motion-design-editor) · [Simple and Full modes](#simple-and-full-modes) · [Preferences](#preferences) · [Layers panel and multi-select editing](#layers-panel-and-multi-select) · [Search and command palette](#search-and-command-palette) · [Unlimited undo and redo](#unlimited-undo-and-redo) · [Copy, paste, duplicate and Paste style](#copy-paste-and-paste-style) · [Drag and drop files onto the canvas](#drag-and-drop-files) · [Reset view and the home view](#reset-view-and-home-view) · [Notes on the canvas](#notes-on-the-canvas) · [Keyboard shortcuts](#keyboard-shortcuts)
3. [2D design and layout](#design-layout): [2D design mode with smart guides](#2d-design-mode-with-smart-guides) · [Rulers, guides and layout grids](#rulers-guides-and-grids) · [Align, distribute and tidy up](#align-distribute-and-tidy-up) · [★ Auto layout, grid and flex layouts](#auto-layout-grid-and-flex-layouts) · [Bento grids](#bento-grids) · [Marquee rows and logo walls](#marquee-rows-and-logo-walls) · [Group rigs and 3D carousels](#group-rigs-and-3d-carousels) · [Groups and pre-composition](#groups-and-pre-composition) · [Responsive artboards](#responsive-artboards)
4. [Shapes, drawing and vectors](#shapes-vectors): [Shapes and 3D solids](#shapes-and-3d-solids) · [Combine shapes into one solid](#combine-shapes-into-one-solid) · [★ Pen tool and editable paths](#pen-tool-and-editable-paths) · [Freehand brushes](#freehand-brushes) · [Strokes and draw-on line animation](#strokes-and-draw-on-line-animation) · [Icon library](#icon-library) · [Connectors for diagrams and flowcharts](#connectors-for-diagrams-and-flowcharts)
5. [Text and typography](#text): [★ Text animation presets](#text-animation-presets) · [★ 3D text](#3d-text) · [Typewriter text effect](#typewriter-text-effect) · [Rotating words and text swaps](#rotating-words-and-text-swaps) · [Disintegrating, glitch and decode text](#disintegrating-glitch-and-decode-text) · [Animated number counters, odometers and clocks](#animated-number-counters-odometers-and-clocks) · [Call-outs: highlight, underline, circle and redact words](#call-outs-on-words) · [Text styles](#text-styles) · [Text on the canvas, rich text and OpenType](#text-on-the-canvas-rich-text-and-opentype) · [Fonts](#fonts)
6. [Images, video and media](#media): [Photos and video in 3D](#photos-and-video-in-3d) · [Fit and crop pictures on the canvas](#media-fit-and-crop) · [Video and GIFs on the timeline](#video-and-gifs-on-the-timeline) · [Image effects](#image-effects) · [Photo pans and 2.5D photos](#photo-pans-and-2-5d-photos) · [Media frames: Polaroids, torn paper and retro windows](#media-frames) · [Camera HUD overlays](#camera-hud-overlays)
7. [UI motion and product demos](#ui-motion): [★ App demo videos with an animated cursor](#app-demo-videos-with-an-animated-cursor) · [Browser and phone frames](#browser-and-phone-frames) · [Device mockup components](#device-mockup-components) · [3D device mockups](#3d-device-mockups) · [★ Promo from screens](#promo-from-screens) · [★ Screen recording with automatic zooms](#screen-recording) · [Paraplex Recorder for Chrome](#paraplex-recorder-extension) · [Cursor lens and loupe](#cursor-lens-and-loupe) · [Smart animate between screens](#smart-animate-between-screens) · [UI kit with interactive states](#ui-kit-with-interactive-states)
8. [3D, materials and lighting](#3d-materials): [★ Real 3D scenes in the browser](#real-3d-scenes-in-the-browser) · [Materials and physical glass](#materials-and-physical-glass) · [Appearances and textures](#appearances-and-textures) · [★ Liquid glass effect](#liquid-glass-effect) · [Liquid metal blobs and glass tubes](#liquid-metal-blobs-and-glass-tubes) · [Lights and lighting rigs](#lights-and-lighting-rigs) · [Environments, HDRI lighting and skies](#environments-hdri-lighting-and-skies) · [Ground shadows and glass caustics](#ground-shadows-and-glass-caustics) · [Studio render (path tracing)](#studio-render-path-tracing) · [3D model import (GLB and glTF)](#3d-model-import-glb-and-gltf) · [Gaussian splats](#gaussian-splats) · [Reflective floors](#reflective-floors)
9. [Particles, generative and simulation](#particles-simulation): [Particle systems](#particle-systems) · [★ Particle logo reveal](#particle-logo-reveal) · [Formations](#formations) · [Generators](#generators) · [Physics simulation](#physics-simulation) · [Cloth drop and baked simulations](#cloth-drop-and-baked-simulations) · [Break a picture into cubes](#break-a-picture-into-cubes) · [Wave deformer](#wave-deformer)
10. [Data and charts](#data-charts): [★ Animated charts from data](#animated-charts-from-data) · [The Edit chart window](#edit-chart-window) · [Unit charts and pictographs](#unit-charts-and-pictographs) · [Maps and globes](#maps-and-globes) · [Particles from data](#particles-from-data) · [CSV to chart video (free tool)](#csv-to-chart-video-tool)
11. [Animation and timeline](#animation-timeline): [★ Keyframe animation and timeline](#keyframe-animation-and-timeline) · [Every animation in the timeline](#every-animation-in-the-timeline) · [Chapters for long pieces](#chapters-for-long-pieces) · [★ Script mode for documentaries and long explainers](#script-mode-for-documentaries) · [Long pieces and timeline zoom](#long-pieces-and-timeline-zoom) · [Easing curves and springs](#easing-curves-and-springs) · [Animate in and out presets](#animate-in-and-out-presets) · [Motion presets: squash, stretch and follow-through](#motion-presets-squash-stretch-follow-through) · [Scene transitions](#scene-transitions) · [Clips and clip transitions](#clips-and-clip-transitions) · [Split a layer in two](#split-clips) · [Shape morphing](#shape-morphing) · [Masks, iris wipes and lens reveals](#masks-iris-wipes-and-lens-reveals) · [Motion paths](#motion-paths) · [Echo trails, flip cards and two-sided layers](#echo-trails-flip-cards-and-two-sided-layers) · [Speed ramps, frame rates and stop motion](#speed-ramps-frame-rates-and-stop-motion)
12. [Camera](#camera): [3D camera and lens](#3d-camera-and-lens) · [Camera move presets](#camera-move-presets) · [Camera shake](#camera-shake)
13. [Effects, filters and looks](#effects-looks): [★ Effect library](#effect-library) · [Thermal effect](#thermal-effect) · [Layer effects and deforms](#layer-effects-and-deforms) · [Glows, drop shadows, light sweeps and emitted light](#glows-drop-shadows-light-sweeps-and-emitted-light) · [Blend modes and adjustment layers](#blend-modes-and-adjustment-layers) · [Film overlays, grain and light leaks](#film-overlays-grain-and-light-leaks) · [Retro looks: PS1, N64 and VHS](#retro-looks-ps1-n64-and-vhs) · [Documentary looks](#documentary-looks) · [★ Shader fills and animated gradient backgrounds](#shader-fills-and-animated-gradient-backgrounds) · [Custom shaders (GLSL and Shadertoy)](#custom-shaders-glsl-and-shadertoy) · [Scene looks, look links and Randomize](#scene-looks-look-links-and-randomize)
14. [Audio, voice and captions](#audio-voice): [Audio tracks and mixing](#audio-tracks-and-mixing) · [Beat detection and music sync](#beat-detection-and-music-sync) · [★ AI voiceovers with word-by-word captions](#ai-voiceovers-with-word-by-word-captions) · [Sound effects for the motion, and AI music](#ai-sound-effects-and-music) · [Music scored to the picture](#music-scored-to-the-picture) · [Captions and subtitle files](#captions-and-subtitle-files)
15. [AI assistant](#ai-assistant): [★ AI motion design assistant](#ai-motion-design-assistant) · [Build from reference images and videos](#build-from-reference-images-and-videos) · [Director mode](#director-mode) · [The assistant checks its own work](#assistant-checks-its-own-work) · [Feedback threads and Point at it](#feedback-threads-and-point-at-it) · [Assistant skills](#assistant-skills) · [Dictation and model choice](#dictation-and-model-choice) · [★ Connect an AI agent (Claude Code)](#connect-an-ai-agent) · [Use your own API keys](#use-your-own-api-keys)
16. [AI generation](#ai-generation): [Generate images](#generate-images) · [Generate 3D models from text](#generate-3d-models-from-text) · [Generate walkable 3D rooms](#generate-walkable-3d-rooms) · [★ Render with AI (video-to-video restyle)](#render-with-ai) · [Animate a picture with AI](#animate-a-picture) · [★ Make clips from a long video](#make-clips-from-a-long-video)
17. [Interactivity, publish and embed](#interactive-embed): [★ Interactive web embeds](#interactive-web-embeds) · [Update and manage published embeds](#manage-published-embeds) · [Embed controls: let viewers turn the dials](#embed-controls) · [Hover and click behaviors](#hover-and-click-behaviors) · [State machines](#state-machines) · [Scroll-driven animation](#scroll-driven-animation) · [Viewer camera and Preview mode](#viewer-camera-and-preview-mode) · [Embed API: fill-in slots, themes and inputs](#embed-api) · [Responsive embeds](#responsive-embeds)
18. [Brand systems and reuse](#brand-systems): [★ Design systems](#design-systems) · [Restyle in a design system](#restyle-in-a-design-system) · [Style variations](#style-variations) · [Layout variations](#layout-variations) · [Color palettes, tokens and light/dark themes](#color-palettes-tokens-and-themes) · [Motion tokens](#motion-tokens) · [Brand kits](#brand-kits) · [★ Components and instances](#components-and-instances) · [Ready-made picture components](#built-in-components) · [Animated titles and lower thirds](#animated-titles) · [Saved materials, text styles, looks and lighting rigs](#saved-materials-text-styles-looks-and-lighting-rigs) · [Assets panel](#assets-panel) · [Asset packs](#asset-packs)
19. [Import and integrations](#import-integrations): [★ Figma to motion](#figma-to-motion) · [★ Lottie import and export](#lottie-import-and-export) · [SVG import as editable vectors](#svg-import-as-editable-vectors) · [★ Code layers: HTML, React and GSAP to video](#code-layers) · [HyperFrames projects and Remotion compositions](#hyperframes-and-remotion) · [Design token import](#design-token-import) · [Supported files and folder import](#supported-files-and-folder-import) · [Render API: videos from templates, by script](#template-render-api) · [Automations: templates rendered on a schedule, from a webhook, a feed or a sheet](#automations) · [Automations deliver: Slack, your own storage and social posts through Postiz](#automation-deliveries) · [Paraplex in n8n: render templates and run automations from a workflow](#n8n-node) · [Paraplex in Make and Zapier (coming soon)](#make-zapier)
20. [Export and formats](#export): [Video export (MP4 and WebM)](#video-export-mp4-and-webm) · [Long exports that pick up where they stopped](#exports-that-pick-up-where-they-stopped) · [Long videos saved straight to disk](#long-video-export-to-disk) · [Render queue](#render-queue) · [Render in the cloud](#render-in-the-cloud) · [★ Transparent video export](#transparent-video-export) · [GIF export](#gif-export) · [PNG and JPG stills](#png-and-jpg-stills) · [Sound-only export and stems](#sound-only-export-and-stems) · [★ One scene, every format](#one-scene-every-format) · [Export for the App Store or slides](#export-for-app-store-and-slides) · [Social safe zones](#social-safe-zones) · [Safe Zone Checker (free tool)](#safe-zone-checker-tool) · [Canvas size and aspect ratio presets](#canvas-size-and-aspect-ratio-presets) · [Data variants and batch export](#data-variants-and-batch-export) · [USDZ export for AR](#usdz-export-for-ar)
21. [Projects, cloud and sharing](#projects-sharing): [Autosave and projects](#autosave-and-projects) · [Cloud sync, version history and bin](#cloud-sync-version-history-and-bin) · [Library backup](#library-backup) · [Shareable links and share files](#shareable-links-and-share-files) · [Send an editable copy](#send-an-editable-copy) · [Review links and comments](#review-links-and-comments) · [Teams](#teams) · [Accounts and sign-in](#accounts-and-sign-in) · [Privacy controls](#privacy-controls)
22. [Plugins and community](#plugins-community): [★ Plugins](#plugins) · [Flow diagram plugin](#flow-diagram-plugin) · [Comic maker](#comic-plugin) · [Logo reveal plugin](#logo-reveal-plugin) · [Kinetic captions plugin](#kinetic-captions-plugin) · [Product tour plugin](#product-tour-plugin) · [Timeline plugin](#timeline-plugin) · [Org chart plugin](#org-chart-plugin) · [KPI board plugin](#kpi-board-plugin) · [Effects](#effects) · [Animate with AI](#animate-with-ai) · [Make your own plugin](#make-your-own-plugin) · [Publish and install plugins](#publish-and-install-plugins) · [Share a plugin with your team or a test link](#plugin-team-and-test-links) · [★ Community gallery](#community-gallery) · [Share to the community](#share-to-the-community) · [Share and add custom shaders](#community-shaders) · [Profiles and follows](#profiles-and-follows) · [Components, design systems, skills, plugins, shaders and asset packs pages](#catalog-pages)
23. [Catalogs](#catalogs)
24. [Not listed](#not-listed)
25. [Recommended first pages](#recommended-first-pages)

<a id="templates"></a>
## 1. Templates and starting a project

Every way into a new piece: a finished template to take apart, a sentence for the AI to draft from, a folder of app screens made into a promo, or a blank file.

<a id="motion-design-templates"></a>
### ★ Motion design templates

89 finished, fully editable templates in 14 categories, from app launch films and brand promos to website heroes, titles, data stories and retro looks. Every layer, keyframe, light and camera move stays open to edit, and each template says what it is built for you to swap in (words, pictures, logo, colors, data, music, video or voice). The Templates page shows them all in one grid, Featured first, with filters that live in the page's address so a link opens the same view.

- Categories: App promo, Brand promo, Starter templates, Documentary & explainers, Website hero visuals, Titles & text, Demos and walkthroughs, UI mockups, Logo animations, Sales & promotions, Social media, Infographics, Materials, Retro & vintage.
- Filter by shape (landscape, vertical, square, down to each ratio), length, tags (such as Featured, Glass, Kinetic type and 3D), category, and what it is made for (Launch videos, Social video, Data to video, Website heroes). Choices in one filter add together; each filter narrows the others, with a count beside every choice.
- Sort by Featured, Newest, Shortest or A–Z.
- Search templates by name, tags, category or description from any page of the site.
- Hover a card to play it; Preview opens it large with its category, shape and length, and steps through the rest with the arrow keys.
- Each template has its own page with a large preview, what you will change, its shape, length and tags.
- Templates that come with a kit list it under What's included on their page, and a hub page shows all of it at once: the scenes, the components that stay in the Components panel, the asset pack (icons, pictures, films, music and sound effects) and the design system. Purchases, in the account menu, opens each hub.
- Use template opens it in the editor; from the first change it is a project of yours, such as Card stack (Copy). A template you only looked at is not kept.
- Community templates show on the Templates pages under From the community.
- Template names by category: Join the waitlist, Fintech app launch, Wallet app promo, Nonstop, Branding reel bento, Idea reel, Collage system, Brand board, Haven: Type, Haven: System, Haven: In use, Voice AI launch, Voice AI: how it works, Voice AI: trust, Loupe: Make, Loupe: Share, Loupe: Together, Glint, Glint Short, The Drift liquid glass, Kiln promo, Tend: Reach, Tend: Agents, Tend: Proof, Takefive promo, Vela: Countdown, Vela: Lockup, Ines Varga reel, Ask anything, Cobalt, Frames wall, Portfolio wall, Card stack, Card stack, chrome, Website showcase, Cosmos fly-through, Depth of field slider, Parallax gallery, Horizontal slider, Vertical slider, Horizontal filmstrip, Vertical filmstrip, Filmstrip with captions, Warp drive, Chrome & glass hero, Fisheye work wall, Glass list hero (website loop), Liquid metal hero, Bento hero, Kinetic stomp, Type in motion, Glitch title, Louder, Stat drop, Margin notes, Title slide, Section slide, App launch, Click-through demo, Cursor tour, App launch (your UI), Liquid glass nav, Glass cards, Logo swarm, From a dot, Logo match cut, Product launch, On sale, Why it sells, Three things that sell, The AI ROI gap, Whiteboard explainer, Match-cut stack, Card stack, glass, Animated charts, Chart drop, Number slide, Cloud of things, Dot lattice, Neon sign, Glass type, Slow craft, Wood and clay, CRT signal, Y2K desktop, Frutiger Aero bubbles, Camcorder, Expired reel, PS1 room.

- **Where:** Templates at the top of the site, the home page's category rows, or Menu › Templates in the editor
- **Page:** its own page
- **Search terms:** primary: "motion graphics templates" · secondary: "animated video templates online", "editable animation templates", "after effects templates alternative"
- **Media:** [The Drift liquid glass (template)](https://app.paraplex.ai/press/media#template-drift) · [Glass type (template)](https://app.paraplex.ai/press/media#template-glass-type) · [Particle logo reveal](https://app.paraplex.ai/press/media#showcase-logo-swarm) · [App launch from screens](https://app.paraplex.ai/press/media#showcase-app-launch) · [Join the waitlist (template)](https://app.paraplex.ai/press/media#template-waitlist-promo) · [Fintech app launch (template)](https://app.paraplex.ai/press/media#template-fintech-launch) · [Wallet app promo (template)](https://app.paraplex.ai/press/media#template-wallet-app-promo) · [Nonstop (template)](https://app.paraplex.ai/press/media#template-nonstop) · [Branding reel bento (template)](https://app.paraplex.ai/press/media#template-branding-bento) · [Idea reel (template)](https://app.paraplex.ai/press/media#template-idea-reel) · [Collage system (template)](https://app.paraplex.ai/press/media#template-collage-system) · [Brand board (template)](https://app.paraplex.ai/press/media#template-brand-board) · [Haven: Type (template)](https://app.paraplex.ai/press/media#template-brand-identity) · [Haven: System (template)](https://app.paraplex.ai/press/media#template-brand-identity-system) · [Haven: In use (template)](https://app.paraplex.ai/press/media#template-brand-identity-in-use) · [Voice AI launch (template)](https://app.paraplex.ai/press/media#template-voice-launch) · [Voice AI: how it works (template)](https://app.paraplex.ai/press/media#template-voice-launch-how) · [Voice AI: trust (template)](https://app.paraplex.ai/press/media#template-voice-launch-trust) · [Loupe: Make (template)](https://app.paraplex.ai/press/media#template-appi) · [Loupe: Share (template)](https://app.paraplex.ai/press/media#template-appi-share) · [Loupe: Together (template)](https://app.paraplex.ai/press/media#template-appi-together) · [Glint (template)](https://app.paraplex.ai/press/media#template-glint) · [Glint Short (template)](https://app.paraplex.ai/press/media#template-glint-cut) · [The Drift liquid glass (template)](https://app.paraplex.ai/press/media#template-drift-liquid-glass) · [Kiln promo (template)](https://app.paraplex.ai/press/media#template-nebula-promo) · [Tend: Reach (template)](https://app.paraplex.ai/press/media#template-warm-promo) · [Tend: Agents (template)](https://app.paraplex.ai/press/media#template-warm-promo-agents) · [Tend: Proof (template)](https://app.paraplex.ai/press/media#template-warm-promo-proof) · [Takefive promo (template)](https://app.paraplex.ai/press/media#template-hookhaus-promo) · [Vela: Countdown (template)](https://app.paraplex.ai/press/media#template-poodle-countdown) · [Vela: Lockup (template)](https://app.paraplex.ai/press/media#template-poodle-countdown-lockup) · [Ines Varga reel (template)](https://app.paraplex.ai/press/media#template-calla-reel) · [Ask anything (template)](https://app.paraplex.ai/press/media#template-assistant-promo) · [Cobalt (template)](https://app.paraplex.ai/press/media#template-fasto) · [Frames wall (template)](https://app.paraplex.ai/press/media#template-frames-wall) · [Portfolio wall (template)](https://app.paraplex.ai/press/media#template-portfolio-wall) · [Card stack (template)](https://app.paraplex.ai/press/media#template-card-stack) · [Card stack, chrome (template)](https://app.paraplex.ai/press/media#template-card-stack-chrome) · [Website showcase (template)](https://app.paraplex.ai/press/media#template-website-showcase) · [Cosmos fly-through (template)](https://app.paraplex.ai/press/media#template-cosmos) · [Depth of field slider (template)](https://app.paraplex.ai/press/media#template-depth-rack) · [Parallax gallery (template)](https://app.paraplex.ai/press/media#template-parallax-gallery) · [Horizontal slider (template)](https://app.paraplex.ai/press/media#template-horizontal-slider) · [Vertical slider (template)](https://app.paraplex.ai/press/media#template-vertical-slider) · [Horizontal filmstrip (template)](https://app.paraplex.ai/press/media#template-horizontal-filmstrip) · [Vertical filmstrip (template)](https://app.paraplex.ai/press/media#template-vertical-filmstrip) · [Filmstrip with captions (template)](https://app.paraplex.ai/press/media#template-caption-filmstrip) · [Warp drive (template)](https://app.paraplex.ai/press/media#template-warp-drive) · [Chrome & glass hero (template)](https://app.paraplex.ai/press/media#template-chrome-glass-hero) · [Fisheye work wall (template)](https://app.paraplex.ai/press/media#template-fisheye-work-wall) · [Glass list hero (website loop) (template)](https://app.paraplex.ai/press/media#template-glass-list-hero) · [Liquid metal hero (template)](https://app.paraplex.ai/press/media#template-liquid-metal-hero) · [Bento hero (template)](https://app.paraplex.ai/press/media#template-bento-hero) · [Kinetic stomp (template)](https://app.paraplex.ai/press/media#template-kinetic-stomp) · [Type in motion (template)](https://app.paraplex.ai/press/media#template-typography-motion-kit) · [Glitch title (template)](https://app.paraplex.ai/press/media#template-glitch-title) · [Louder (template)](https://app.paraplex.ai/press/media#template-louder) · [Stat drop (template)](https://app.paraplex.ai/press/media#template-stat-drop) · [Margin notes (template)](https://app.paraplex.ai/press/media#template-hand-drawn-type) · [Title slide (template)](https://app.paraplex.ai/press/media#template-deck-title) · [Section slide (template)](https://app.paraplex.ai/press/media#template-deck-section) · [App launch (template)](https://app.paraplex.ai/press/media#template-app-launch) · [Click-through demo (template)](https://app.paraplex.ai/press/media#template-click-through) · [Cursor tour (template)](https://app.paraplex.ai/press/media#template-cursor-tour) · [App launch (your UI) (template)](https://app.paraplex.ai/press/media#template-app-launch-code) · [Liquid glass nav (template)](https://app.paraplex.ai/press/media#template-liquid-glass-nav) · [Glass cards (template)](https://app.paraplex.ai/press/media#template-glass-cards) · [Logo swarm (template)](https://app.paraplex.ai/press/media#template-logo-swarm) · [From a dot (template)](https://app.paraplex.ai/press/media#template-from-a-dot) · [Logo match cut (template)](https://app.paraplex.ai/press/media#template-logo-match-cut) · [Product launch (template)](https://app.paraplex.ai/press/media#template-product-launch) · [On sale (template)](https://app.paraplex.ai/press/media#template-on-sale) · [Why it sells (template)](https://app.paraplex.ai/press/media#template-beauty-explainer) · [Three things that sell (template)](https://app.paraplex.ai/press/media#template-product-photo-principles) · [The AI ROI gap (template)](https://app.paraplex.ai/press/media#template-ai-roi-gap) · [Whiteboard explainer (template)](https://app.paraplex.ai/press/media#template-whiteboard-explainer) · [Match-cut stack (template)](https://app.paraplex.ai/press/media#template-match-cut-stack) · [Card stack, glass (template)](https://app.paraplex.ai/press/media#template-card-stack-glass) · [Animated charts (template)](https://app.paraplex.ai/press/media#template-animated-charts) · [Chart drop (template)](https://app.paraplex.ai/press/media#template-chart-drop) · [Number slide (template)](https://app.paraplex.ai/press/media#template-deck-number) · [Cloud of things (template)](https://app.paraplex.ai/press/media#template-cloud-of-things) · [Dot lattice (template)](https://app.paraplex.ai/press/media#template-dot-lattice) · [Neon sign (template)](https://app.paraplex.ai/press/media#template-neon-sign) · [Glass type (template)](https://app.paraplex.ai/press/media#template-liquid-motion) · [Slow craft (template)](https://app.paraplex.ai/press/media#template-slow-craft) · [Wood and clay (template)](https://app.paraplex.ai/press/media#template-wood-and-clay) · [CRT signal (template)](https://app.paraplex.ai/press/media#template-crt-signal) · [Y2K desktop (template)](https://app.paraplex.ai/press/media#template-y2k-desktop) · [Frutiger Aero bubbles (template)](https://app.paraplex.ai/press/media#template-frutiger-aero) · [Camcorder (template)](https://app.paraplex.ai/press/media#template-camcorder) · [Expired reel (template)](https://app.paraplex.ai/press/media#template-expired-reel) · [PS1 room (template)](https://app.paraplex.ai/press/media#template-ps1-room)
- **Checked against the app:** 2026-11-11

<a id="slideshow-carousel-filmstrip-templates"></a>
### Slideshow, carousel and filmstrip templates

The Starter templates are clean structures in dark glass and polished chrome on black, built to take your own words and pictures: card stacks that fan out and deal one card at a time, horizontal and vertical sliders, filmstrips with captions, a parallax gallery, a depth-of-field slider and a warp-drive intro. They use one plain house style (Inter type on a black ground) so they read as a frame to fill rather than a finished piece.

- **Where:** Templates › Starter templates
- **Page:** a section of [Motion design templates](#motion-design-templates)
- **Search terms:** primary: "slideshow animation template" · secondary: "3d carousel template", "card stack animation", "filmstrip slider animation"
- **Media:** [Card stack (template)](https://app.paraplex.ai/press/media#template-card-stack) · [Card stack, chrome (template)](https://app.paraplex.ai/press/media#template-card-stack-chrome) · [Parallax gallery (template)](https://app.paraplex.ai/press/media#template-parallax-gallery) · [Filmstrip with captions (template)](https://app.paraplex.ai/press/media#template-caption-filmstrip) · [Card stack, glass (template)](https://app.paraplex.ai/press/media#template-card-stack-glass)
- **Checked against the app:** 2026-11-08

<a id="start-with-a-sentence"></a>
### ★ Start with a sentence (text to animation)

Describe the piece in the box on the home page, such as "a product launch with three cards that fan out, then a price that counts up", and click Make it. Paraplex opens a new file and the assistant builds a first draft with real layers, materials, keyframes and camera moves; you choose Apply to keep it or Discard to drop it. Drop in your own pictures, videos or a whole folder, pick a template or a design system to start from, and choose every format you want, and the AI builds with them.

- Files… adds pictures, videos and notes; A folder… adds everything in it. Pictures can go onto a match cut or in as layers.
- Template: start from any template, or No template to let the AI start fresh.
- Design system: start in one of your brands or one of Paraplex's. With a template picked as well, the template is restyled in the system: its colors, type and light move onto the system's, and every word stays readable against what is behind it.
- What is it?: Social media video, Match cut, Launch video, Long-form content, Data to video or Website hero. Each fills in a starting sentence (never over words you typed) and brings that kind of template to the top of the page.
- Formats: 16:9, 1:1, 4:5 and 9:16; pick several and the piece is set up in each.
- Everything it makes is ordinary layers and keyframes: ask for changes in the same chat, or edit by hand.

- **Where:** The home page: Start here, tell the AI what to make
- **Page:** its own page
- **Search terms:** primary: "text to animation" · secondary: "ai animation generator from text", "prompt to motion graphics", "text to animated video"
- **Media:** [The assistant builds it](https://app.paraplex.ai/press/media#ui-ai-builds)
- **Checked against the app:** 2026-11-05

<a id="save-as-template"></a>
### Save as template

Save any piece as a template of your own, with a name, description, tags and a category, and choose whether it shows in the community for anyone to open and whether people may copy it. Your templates are listed under My templates, where each can be opened as a copy, updated from your changed copy, or unpublished. Notes you leave on the canvas travel with the template for whoever uses it.

- Publish template to Showcase shows it in the community; unchecked, it is kept to yourself.
- Allow template cloning lets people open a copy of their own; unchecked, they can watch it but not copy it.
- Up to five tags.
- Shown in the community, a short preview loop is recorded for its card.
- Each template shows whether it is in the Showcase, hidden from it or private, and how many times it has been used.
- Embed on a page… gives a saved template's embed snippet.
- Needs sign-in; showing it in the community needs a handle.

- **Where:** Share › Save as template…, or Menu › Templates › Save as template…; your templates in Menu › Library… › My templates
- **Page:** a section of [Motion design templates](#motion-design-templates)
- **Search terms:** primary: "create animation templates" · secondary: "reusable motion template", "brand video templates for teams"
- **Checked against the app:** 2026-10-31

<a id="guided-tour-and-first-steps"></a>
### Guided tour and first steps

Menu › Take the tour walks through the editor in six steps: the dock, layers, properties, the timeline, the assistant and export. A first visit is offered the tour from the home page, a first project opens with three action chips (play it, recolor a card, ask the assistant for a title) instead of an empty canvas, and a first sign-in opens a welcome page to pick a template or start a blank project.

- **Where:** Menu › Take the tour; New here? Take a tour on the home page
- **Page:** a section of [Online motion design editor](#online-motion-design-editor)
- **Search terms:** primary: "learn motion design online" · secondary: "beginner animation software", "easy motion graphics tool"
- **Checked against the app:** 2026-11-05

<a id="editor"></a>
## 2. Editor and workspace

A full motion design editor in the browser, with nothing to install: layers, a canvas, a dock, a properties panel and a keyframe timeline.

<a id="online-motion-design-editor"></a>
### ★ Online motion design editor

A complete motion design editor in the browser: a Layers panel, a canvas showing the frame you export, a dock for adding things, a properties panel and a keyframe timeline. Every setting with a diamond beside it can be animated, help tips explain settings in place, and lengths can be shown in px, scene units, vw, vh or percent. Nothing to install, and your work is kept as you go.

- Top bar: Home, Menu, View, Undo and Redo, Preview, the project's name and Share.
- The quick-actions strip above the Layers panel opens search, transitions, components, design systems, data, style variations, beats and AI generation.
- Some layers bring a floating panel (Text settings, 3D models, particles, code, sounds and more) that can be moved, minimized or docked back.
- Lengths read in px by default; vw, vh and % apply per layer, and a unit can be typed with the number (100vw, 320px).
- Made for a laptop or desktop screen: on a phone, the editor says it needs a bigger screen.

- **Where:** app.paraplex.ai/new, or any project's own address
- **Page:** its own page
- **Search terms:** primary: "online motion design software" · secondary: "browser animation editor", "motion graphics software no download", "after effects alternative online"
- **Media:** [Light, live](https://app.paraplex.ai/press/media#ui-lights) · [Metaball dials, live](https://app.paraplex.ai/press/media#ui-blob) · [The editor](https://app.paraplex.ai/press/media#ui-still-editor)
- **Checked against the app:** 2026-11-08

<a id="simple-and-full-modes"></a>
### Simple and Full modes

Choose how much of the editor you see. Simple shows the tools most pieces need; Full adds code layers, physics, generators, interactions, connectors and custom shaders. Simple only tidies away what you don't use: anything already in your scene still shows, a setting changed from its default stays in view, and picking a hidden setting in search switches to Full for you.

- New accounts start in Simple.
- The choice is remembered, and saved with your account when signed in, so it follows you to other browsers.
- The scene, search and the assistant work the same in both.
- Effects on sounds (EQ, compression, reverb, delay, a filter and distortion) are part of Full; a sound, bus or master that already has effects shows them in Simple too.

- **Where:** View › Simple or View › Full, or Menu › Preferences… › Editor
- **Page:** a section of [Online motion design editor](#online-motion-design-editor)
- **Search terms:** primary: "simple animation editor for beginners" · secondary: "beginner mode motion design", "easy mode animation app"
- **Checked against the app:** 2026-11-05

<a id="preferences"></a>
### Preferences

One window for your own defaults: the units the editor shows, the rulers, whether you hear the mix while scrubbing, Simple or Full, and what every new blank project starts with, from its size and frame rate to its length, background, colors, chapter ripple and export formats. Signed in, preferences follow your account to other computers.

- How you see the editor: lengths in px or scene units; text size in px, pt, rem, em or u; rulers and their strength; Scrubbing › Hear sound, which plays short pieces of the mix as you drag the playhead (off until you turn it on); Simple or Full; Dock all panels.
- New projects: size (including the App Store sizes or a custom size), frame rate (10–120 fps), length, background, Colors (the tone mapping: Filmic (ACES), AgX, Neutral, or None · exact colors, which shows pictures and screenshots exactly as they are), snap to guides and grid, Ripple chapters (whether dragging a chapter's end moves what comes after it), image format, export scale and video format.
- Templates bring their own settings, so these apply to blank projects and a sentence typed on the home page.

- **Where:** Menu › Preferences… (⌘, or Ctrl+,), or Preferences in the account window
- **Page:** a section of [Online motion design editor](#online-motion-design-editor)
- **Search terms:** primary: "animation app preferences" · secondary: "default canvas size animation", "default frame rate settings"
- **Checked against the app:** 2026-11-08

<a id="layers-panel-and-multi-select"></a>
### Layers panel and multi-select editing

Select, rename, reorder, group, hide and color-label layers. Shift-click selects a run of rows, ⌘-click adds or removes one (in the panel or on the canvas), and a change in the properties panel then applies to every selected layer at once. Isolate shows only chosen layers while you work, and a right-click menu holds actions such as Duplicate, Paste style, Pre-compose, Convert to path, Make this a chapter, Apply an effect…, Add sound to this animation…, Reveal in Layers and Ask the assistant about this….

- Eight label colors; a label tints the row and the layer's clip in the timeline, and applies to every selected layer.
- Drag any selected row to move the whole selection; Move in list › To top, Up, Down or To bottom keeps a layer in its group.
- Isolation shows a pill naming the isolated layers, with Exit.
- Arrow keys nudge the selection a pixel (Shift for ten).
- A group made a chapter says Chapter in its row; right-click it to move it earlier or later.
- A long list stays quick to scroll: the panel draws only the rows in view, and Reveal in Layers still finds a row far down it.

- **Where:** The Layers panel, on the left of the editor
- **Page:** a section of [Online motion design editor](#online-motion-design-editor)
- **Search terms:** primary: "animation layers panel" · secondary: "edit multiple layers at once", "isolate layer animation"
- **Media:** [Every layer the AI makes is yours](https://app.paraplex.ai/press/media#ui-ai-editable) · [The editor](https://app.paraplex.ai/press/media#ui-still-editor)
- **Checked against the app:** 2026-11-08

<a id="search-and-command-palette"></a>
### Search and command palette

⌘K (or ⌘F) finds layers, things to add, templates, components, skills, menu actions, settings and help in one box. Choosing a setting opens the right section, scrolls to it and highlights it; help results open a short card that says what a feature is, where it lives and what to watch for. The last row hands whatever you typed to the assistant.

- **Where:** ⌘K or ⌘F, or the search button in the quick-actions strip
- **Page:** a section of [Online motion design editor](#online-motion-design-editor)
- **Search terms:** primary: "command palette design tool" · secondary: "keyboard-first animation app", "search settings motion design"
- **Checked against the app:** 2026-10-31

<a id="unlimited-undo-and-redo"></a>
### Unlimited undo and redo

Undo covers layers, settings, keyframes, clips, transitions and text, with no limit while a project is open. Multi-part actions undo in one step: a camera move preset, Animate in or out, a Reveal, an applied template, or everything the assistant did in one turn.

- Camera orbits are not part of undo: Reset view (F) puts the camera back instead.
- History starts fresh when the page reloads; the work itself is kept.

- **Where:** ⌘Z and ⇧⌘Z, or the arrows in the top bar
- **Page:** a section of [Online motion design editor](#online-motion-design-editor)
- **Search terms:** primary: "undo history animation" · secondary: "undo ai changes", "non destructive motion design"
- **Checked against the app:** 2026-11-08

<a id="copy-paste-and-paste-style"></a>
### Copy, paste, duplicate and Paste style

Copied layers carry everything (keyframes, pictures, sound, clips, transitions, label color) and paste into other projects and other browser tabs, even after a reload. An SVG copied from Figma or Illustrator pastes as editable vector paths, HTML, a React component or a shadcn/ui command pastes as a live code layer, and a picture or plain text pastes as a layer. Paste style copies one shape's or text's look (fill, gradient, stroke, material, glow, light sweep, drop shadow, Liquid glass, opacity) onto another without touching its content.

- **Where:** ⌘C, ⌘V and ⌘D, or a layer's right-click menu
- **Page:** a section of [Online motion design editor](#online-motion-design-editor)
- **Search terms:** primary: "paste svg into animation" · secondary: "copy style between layers", "paste react component into video"
- **Checked against the app:** 2026-10-31

<a id="drag-and-drop-files"></a>
### Drag and drop files onto the canvas

Drop an image or video onto a shape and it becomes that shape's picture (wrapped around a sphere, set in a frame's slot, or onto a 3D phone's screen); drop it on empty canvas and it becomes a new layer. GLB/glTF models, Gaussian splats, Lottie files and Figma plugin files drop in the same way, and several files at once each find a place.

- Models: .glb and .gltf. Splats: .ply, .spz, .splat, .ksplat and .sog. Lottie: .json and .lottie.
- A folder of app screens opens Make a promo from screens.

- **Where:** Drag files from your computer onto the canvas
- **Page:** a section of [Online motion design editor](#online-motion-design-editor)
- **Search terms:** primary: "drag and drop animation maker" · secondary: "drop image into 3d scene", "add video to animation online"
- **Checked against the app:** 2026-10-31

<a id="reset-view-and-home-view"></a>
### Reset view and the home view

Every scene is real 3D, so dragging the canvas orbits the camera. Reset view (F) puts the camera back to the scene's home view, removing any camera keyframes an orbit added, and Make this the home view keeps a better angle as the new home. Scrolling and zooming your view never change the scene or the export.

- Zoom from 25% to 400%, Fit to view, Zoom to 100% and Center canvas.
- The home view is saved with the project.

- **Where:** View › Reset view, the F key, or a right-click on empty canvas
- **Page:** a section of [Online motion design editor](#online-motion-design-editor)
- **Search terms:** primary: "reset camera view 3d editor" · secondary: "orbit camera animation app", "zoom and pan canvas"
- **Checked against the app:** 2026-10-31

<a id="notes-on-the-canvas"></a>
### Notes on the canvas

Post-it notes for people, placed anywhere on the canvas, inside the frame or beside it. They travel with saved projects, published templates and share files, but never appear in exported videos, images or embeds, and a Notes button hides or shows them all.

- Up to 600 characters a note.

- **Where:** Right-click › Add a note; View › Notes
- **Page:** a section of [Online motion design editor](#online-motion-design-editor)
- **Search terms:** primary: "annotate animation for team" · secondary: "notes on design canvas", "template instructions for collaborators"
- **Checked against the app:** 2026-10-31

<a id="keyboard-shortcuts"></a>
### Keyboard shortcuts

Single-key tools and views: P pen, B brush, T text, G/R/S move, rotate and scale gizmos, D 2D mode, F reset view, ⇧R rulers, Space play, M marker, plus ⌘C, ⌘V, ⌘D, ⇧⌘D split at the playhead, ⌘G group, ⌘K search and ⌘, Preferences. Press ? for the full list inside the app.

- **Where:** Press ? in the editor
- **Page:** a section of [Online motion design editor](#online-motion-design-editor)
- **Search terms:** primary: "motion design keyboard shortcuts" · secondary: "animation app hotkeys"
- **Checked against the app:** 2026-10-31

<a id="design-layout"></a>
## 3. 2D design and layout

Every Paraplex scene is 3D, but it lays out like a flat design tool: smart guides, rulers and grids, auto layout, and artboards that reflow for every shape.

<a id="2d-design-mode-with-smart-guides"></a>
### 2D design mode with smart guides

Press D and the camera faces the frame head-on and stays there, so the 3D scene edits like a flat design tool. Drag layers by their body; smart guides snap edges and centers to other layers and the frame, with distance labels to neighbors, and arrow keys nudge one pixel (ten with Shift). Snap to 8 keeps layouts on an 8-point grid.

- Pink smart guides show what a layer lines up with; red-orange numbers show the gaps to its neighbors.
- Shift moves in one direction only; ⌘ (Ctrl) drags without snapping; without a guide, a layer lands on whole pixels.
- A selected layer shows its width and height in pixels.
- Snap to 8 snaps a dragged layer to an 8-pixel grid, and the arrow keys then nudge by 8 (40 with Shift).
- In 2D mode the Rotate gizmo keeps only the flat ring and Scale only the width and height handles.
- 2D mode, Snap to 8, the grid and the guides are saved with the project.

- **Where:** View › 2D design mode (D)
- **Page:** a section of [Online motion design editor](#online-motion-design-editor)
- **Search terms:** primary: "smart guides animation tool" · secondary: "8pt grid design tool", "2d motion design online"
- **Checked against the app:** 2026-10-31

<a id="rulers-guides-and-grids"></a>
### Rulers, guides and layout grids

Rulers along the artboard's top and left measure it in pixels, and guides dragged out of them line things up. Lay a column, modular, baseline or pixel grid over the frame, and layers snap to the guides, the grid's columns, the frame and each other, in 2D and when moved with the 3D gizmo at the home view. None of it ever shows in an export.

- Grids: Pixel grid, 12 columns (web), 8 columns (tablet), 4 columns (mobile), Editorial, Modular, Baseline, Thirds, and Center and diagonals.
- Grid settings… sets the kind, columns, rows, gutter, margin, cell or baseline step, color and opacity.
- Guides: drag to move, double-click to type an exact position, drag back onto the ruler to remove; Show guides, Lock guides, Clear guides and Guides past the artboard in the View menu.
- Each artboard keeps its own guides and grid, saved with the project.
- Ruler opacity of 40, 60, 80 or 100%; the rulers are a personal setting, also in Preferences.

- **Where:** View › Rulers (⇧R), View › Grid
- **Page:** a section of [2D design mode with smart guides](#2d-design-mode-with-smart-guides)
- **Search terms:** primary: "layout grid for motion design" · secondary: "rulers and guides animation tool", "12 column grid video", "snap to guides 3d"
- **Checked against the app:** 2026-10-31

<a id="align-distribute-and-tidy-up"></a>
### Align, distribute and tidy up

Align layers by their edges or middles, distribute three or more evenly, or Tidy up loose layers into neat rows. With one layer selected, the align buttons center or edge it in the frame (or in its group).

- Six aligns (left, centers, right, top, middles, bottom), Distribute horizontally and vertically, Tidy up and Add auto layout.
- Aligning only moves layers; it never resizes them. Each click is one undo step.

- **Where:** Transform section: the Align buttons
- **Page:** a section of [2D design mode with smart guides](#2d-design-mode-with-smart-guides)
- **Search terms:** primary: "align and distribute layers" · secondary: "center layer in frame", "tidy up layout"
- **Checked against the app:** 2026-10-31

<a id="auto-layout-grid-and-flex-layouts"></a>
### ★ Auto layout, grid and flex layouts

Give a group a Grid layout (columns and rows written as tracks in fr or px, as in CSS) or a Flex layout (row or column, justify, align, wrap), with gaps and padding, and its layers arrange themselves. Add auto layout wraps loose layers in a row or column using the gaps they already had. Turn on Reflow and the layout animates: when a layer appears, leaves or the columns change, the others glide to their new places.

- Tracks such as `1fr 1fr`, `2fr 1fr`, `repeat(4, 1fr)` or `960px 1fr`; leave Rows empty for as many as the layers need.
- Flex: Direction, Justify (start, center, end, space-between, space-around, space-evenly), Align (start, center, end, stretch), Wrap into lines.
- Each layer's Cell: column, row, spans, and fill, fit or fixed sizing.
- Frames (Rectangle family › Frame) and Add a frame put a background card behind a layout that always matches its box.
- The box size, gaps, padding, columns and rows can be keyframed; Glide sets how long a reflow takes and its curve.

- **Where:** Layout section (a group selected); Cell section (a layer inside a layout); Transform › Add auto layout
- **Page:** its own page
- **Search terms:** primary: "auto layout animation" · secondary: "animated css grid", "flexbox animation tool", "animate layout changes"
- **Media:** [Grid layout](https://app.paraplex.ai/press/media#ui-still-layouts) · [Bento hero (template)](https://app.paraplex.ai/press/media#template-bento-hero)
- **Checked against the app:** 2026-10-31

<a id="bento-grids"></a>
### Bento grids

Ready-made bento layouts in the dock (Hero 2×2, Mosaic 3×3 and Magazine): a grid group of placeholder cells you drop pictures and text onto, which keeps everything in place.

- A bento is an ordinary grid layout with a background frame, so every cell, span and gap stays editable.

- **Where:** Dock › Bento (press and hold for Mosaic 3×3 or Magazine)
- **Page:** its own page
- **Search terms:** primary: "bento grid animation" · secondary: "bento box layout video", "apple keynote bento animation"
- **Media:** [Grid layout](https://app.paraplex.ai/press/media#ui-still-layouts) · [Bento hero (template)](https://app.paraplex.ai/press/media#template-bento-hero)
- **Checked against the app:** 2026-10-31

<a id="marquee-rows-and-logo-walls"></a>
### Marquee rows and logo walls

A grid's rows can run sideways like a ticker, every other row the opposite way, wrapping round at the edges; or run as columns up and down. Made for logo walls, photo strips and scrolling showcases.

- Settings: Run (rows sideways or columns up and down), Marquee speed, Marquee offset (key it at speed 0 to ease the run to a stop), Row shift, Focus and Focus blur, and Every other row runs the other way.

- **Where:** Layout section › Marquee rows (Grid layouts)
- **Page:** a section of [Auto layout, grid and flex layouts](#auto-layout-grid-and-flex-layouts)
- **Search terms:** primary: "logo marquee animation" · secondary: "infinite scrolling ticker video", "logo wall animation"
- **Media:** [Glass list hero (website loop) (template)](https://app.paraplex.ai/press/media#template-glass-list-hero)
- **Checked against the app:** 2026-10-31

<a id="group-rigs-and-3d-carousels"></a>
### Group rigs and 3D carousels

A group can place its layers for you as a Linear row, an Arc, a full Radial ring, a Carousel facing outward (spin it with Rotation Y), a Grid, or leave them stacked. Per-child tilt and stagger, plus a Blend dial from 0 (where you placed them) to 1 (fully arranged), make fan-outs, gathers, cascades and card deals in one keyframe pair.

- Stagger delays each layer's own keyframes a little more than the one before, so one move ripples across the group.
- Blend, Spacing, the Arc's Radius and Angle, Tilt and Group opacity can all be keyframed.

- **Where:** Group Rig section (a group selected)
- **Page:** its own page
- **Search terms:** primary: "3d carousel animation" · secondary: "card fan out animation", "radial menu animation", "stagger animation"
- **Media:** [Card stack (template)](https://app.paraplex.ai/press/media#template-card-stack)
- **Checked against the app:** 2026-10-31

<a id="groups-and-pre-composition"></a>
### Groups and pre-composition

Groups move, turn, fade and animate their layers together, and a group's clip limits everything inside it. Pre-compose draws a group as one flat picture first, so it fades, blends and takes effects as a whole; Group opacity fades overlapping layers without showing them through each other.

- Glass inside a pre-composed group bends only what is inside the group.

- **Where:** ⌘G to group; right-click › Pre-compose or Make this a pre-composition
- **Page:** a section of [Layers panel and multi-select editing](#layers-panel-and-multi-select)
- **Search terms:** primary: "precompose layers online" · secondary: "group opacity animation", "nested compositions"
- **Checked against the app:** 2026-11-08

<a id="responsive-artboards"></a>
### Responsive artboards

Each format's artboard is laid out again for its shape, the way a web page reflows on a phone: side-by-side blocks stack on a tall frame, rows of layout groups become columns, grids take as many columns as the width allows, and text keeps a readable size and rewraps. Each artboard says what it did under its tile, Lock keeps an artboard's layout while you edit the main frame, and Show on hides a layer on chosen sizes (XS to XL), such as a stacked logo on tall formats and a wide one on landscape.

- Framings: Responsive, Scale to fill, Fit contents, Fit height, Fit width, Fill frame (crop).
- Reports such as “Stacked to a column · 82 %” or “Along the camera's path · 3 stops”; when it keeps the layout it says why.
- When the camera moves across a piece, each place it stops is laid out on its own.
- Sizes by shape: XS (taller than 2:3), S (portrait), M (square), L (landscape), XL (wider than 1.9:1).
- Re-layout updates an artboard made with an earlier version of Responsive; Unlock lets it lay out again.

- **Where:** Menu › Export formats › Show artboards; the ⋯ beside an artboard's name; Transform › Show on
- **Page:** a section of [One scene, every format](#one-scene-every-format)
- **Search terms:** primary: "responsive video layout" · secondary: "auto reformat video for vertical", "responsive motion design", "resize design for every aspect ratio"
- **Media:** [One scene, every format (home loop)](https://app.paraplex.ai/press/media#pillar-formats) · [One scene, every format](https://app.paraplex.ai/press/media#ui-still-artboards)
- **Checked against the app:** 2026-11-08

<a id="shapes-vectors"></a>
## 4. Shapes, drawing and vectors

Shapes with real depth, a pen for your own vectors, brushes with the character of real tools, and lines that draw themselves on.

<a id="shapes-and-3d-solids"></a>
### Shapes and 3D solids

Rectangles, ellipses, triangles and real 3D solids (sphere, cylinder, cone, torus), drawn to size on the canvas (Shift for square, Alt from center). Rectangles take depth, bevels, a per-corner radius, corner smoothing (0.6 matches iOS icons), torn paper edges, Inflate to blow a shape up like a balloon, and a Detail dial for a low-poly look; pictures wrap around solids, so a world map on a sphere makes a globe.

- Size presets: 16:9, iPhone 15, Square, 3:4 Portrait and Business card, or a custom width and height in px, scene units, vw, vh or percent.
- Panel Surface: Opacity, Thickness, Media scale, Bevel, Detail, Corner radius, Each corner, Smoothing, Torn (with Again for a new tear), and Inflate with Swell.
- Inflate builds a rectangle, ellipse, triangle or closed path as a soft, pillow-like skin in place of its slab; Swell grows the outline first so the shape fattens and its corners round. Inflate is set rather than animated.
- Every setting with a diamond can be animated.

- **Where:** Dock › Rectangle (press and hold for the other shapes); Panel and Panel Surface sections
- **Page:** a section of [Real 3D scenes in the browser](#real-3d-scenes-in-the-browser)
- **Search terms:** primary: "3d shapes animation online" · secondary: "squircle corner smoothing", "rounded card with depth", "torn paper edge effect"
- **Checked against the app:** 2026-11-11

<a id="combine-shapes-into-one-solid"></a>
### Combine shapes into one solid

A group's Combine section joins its shapes into a single 3D solid by Union, Subtract or Intersect. Smoothing melts the seams into soft, poured-looking joins, and the parts stay editable, animated layers, so a sphere moving through another merges like liquid.

- **Where:** Combine section (a group of shapes selected)
- **Page:** a section of [Shapes and 3D solids](#shapes-and-3d-solids)
- **Search terms:** primary: "3d boolean animation" · secondary: "smooth union shapes", "metaball merge effect"
- **Checked against the app:** 2026-10-31

<a id="pen-tool-and-editable-paths"></a>
### ★ Pen tool and editable paths

Draw vector paths anchor by anchor (click for corners, drag for curves) or freehand with adjustable smoothing, and edit anchors and handles afterwards. Closed paths take fills, depth, bevels and materials; Combine paths does Unite, Subtract, Intersect and Exclude; Convert to path turns shapes and text into editable outlines; Outline stroke turns a line into a solid shape. Key a path's Shape and it morphs from one outline to the next.

- Paste SVG code, or use Dock › Vector, to bring an SVG in as editable paths, one layer per element.
- Anchor X and Anchor Y in the pen bar place an anchor exactly.
- Paths with different anchor counts still morph smoothly between keys.

- **Where:** Dock › Pen (P); Dock › Line; right-click › Combine paths, Convert to path, Outline stroke
- **Page:** its own page
- **Search terms:** primary: "vector animation online" · secondary: "pen tool animation", "boolean path operations", "animate svg paths"
- **Media:** [The pen](https://app.paraplex.ai/press/media#ui-still-pen)
- **Checked against the app:** 2026-10-31

<a id="freehand-brushes"></a>
### Freehand brushes

Nine brushes with the character of real tools: Paint, Bristle brush, Watercolor, Calligraphy, Marker, Ballpoint, Pencil, Charcoal and Crayon. A drawing tablet's pressure sets the width, each stroke is its own layer, and brush, width, color, roughness and a grain texture can all be changed after drawing. A custom stamp uses your own picture as the brush tip.

- Freehand or Anchors drawing, with a Smoothing setting shared with the pen.
- Each stroke is one undo step and can be drawn on over time with Trim.

- **Where:** Dock › Brush (B); the Stroke section
- **Page:** its own page
- **Search terms:** primary: "animated brush strokes" · secondary: "hand drawn animation online", "watercolor brush animation", "pencil sketch animation"
- **Media:** [Margin notes (template)](https://app.paraplex.ai/press/media#template-hand-drawn-type)
- **Checked against the app:** 2026-10-31

<a id="strokes-and-draw-on-line-animation"></a>
### Strokes and draw-on line animation

Outlines for shapes, paths and text: width, color or gradient, dashes, line ends, corners and inside, center or outside alignment. Keyframe the Trim from 0 to 1 and any line, logo outline or brush stroke draws itself on.

- Ends: Flat, Round, Square. Corners: Sharp, Round, Bevel.
- Start and end points: None, Triangle, Arrow, Stout arrow, Circle, Square or Pulse dot.
- Dashes keep their length as the line grows.

- **Where:** The Stroke section
- **Page:** its own page
- **Search terms:** primary: "line drawing animation" · secondary: "draw on svg animation", "animated stroke reveal", "logo outline animation"
- **Media:** [Margin notes (template)](https://app.paraplex.ai/press/media#template-hand-drawn-type) · [Whiteboard explainer (template)](https://app.paraplex.ai/press/media#template-whiteboard-explainer)
- **Checked against the app:** 2026-10-31

<a id="icon-library"></a>
### Icon library

1854 Lucide line icons in Light, Regular and Bold weights, searchable and added as editable vector layers you can recolor, extrude and animate.

- **Where:** Dock › Icon
- **Page:** a section of [Pen tool and editable paths](#pen-tool-and-editable-paths)
- **Search terms:** primary: "animated icons" · secondary: "lucide icons animation", "icon animation maker"
- **Media:** [Cloud of things (template)](https://app.paraplex.ai/press/media#template-cloud-of-things)
- **Checked against the app:** 2026-10-31

<a id="connectors-for-diagrams-and-flowcharts"></a>
### Connectors for diagrams and flowcharts

Lines whose ends are pinned to other layers (a shape's center or side, a path's corners), so they follow those layers as they move or animate. Routing can be Straight, Elbow (right-angled) or Rounded, with a bend position, corner radius and arrowheads.

- **Where:** Edit a line's anchors and drop an end on another layer; the Connector section
- **Page:** its own page
- **Search terms:** primary: "animated flowchart maker" · secondary: "animated diagram online", "connector lines animation"
- **Checked against the app:** 2026-10-31

<a id="text"></a>
## 5. Text and typography

Real, editable type that animates letter by letter, turns into solid 3D, counts, swaps and types itself out, set the same on the canvas, in exports and in embeds.

<a id="text-animation-presets"></a>
### ★ Text animation presets

39 text animations in seven groups (Type, Soft, Reveal, Kinetic, Turn, Signal and Color), including Stomp, Mask rise, Blur in, Tracking in, Decode, Glitch in, Flip in, Tumble, Scatter and Typewriter. Each splits text by character, word or line, starts from the start, end, center, edges or in a shuffled order, and comes tuned with its own timing, stagger and curve. Any preset also plays backwards as an exit at a time you set.

- All presets: Typewriter, Blur in, Blur in by line, Soft rise, Soft lift, Stagger fade, Tracking in, Tracking out, Open out, Mask rise, Mask wipe, Mask drop, Slide up, Slide down, Stomp, Stomp lines, Punch, Pop, Scale in, Zoom in, Drop, Bounce, Flip in, Flip over, Tumble, Spin in, Slant flip, Lean in, Decode, Code, Glitch in, Scatter, Slide left, Slide right, Tint in, Tint rise, Step in, Dust, Type shuffle.
- Curves: the effect's own, Cubic out, Expo out, Quart out, Smooth, Back out, Elastic, Bounce, Spring and Linear.
- A text's in and out animations show as their own lanes on the timeline.

- **Where:** Text settings › Animate
- **Page:** its own page
- **Search terms:** primary: "kinetic typography maker" · secondary: "text animation presets", "animated text online", "kinetic text video"
- **Media:** [Text animation presets](https://app.paraplex.ai/press/media#ui-still-text-presets) · [Kinetic stomp (template)](https://app.paraplex.ai/press/media#template-kinetic-stomp) · [Type in motion (template)](https://app.paraplex.ai/press/media#template-typography-motion-kit) · [Glitch title (template)](https://app.paraplex.ai/press/media#template-glitch-title) · [Louder (template)](https://app.paraplex.ai/press/media#template-louder)
- **Checked against the app:** 2026-11-08

<a id="3d-text"></a>
### ★ 3D text

One switch turns flat text into solid 3D letters with depth and a bevel that catches the scene's light, in any material: matte, glossy, glass, frosted glass, metal or one of the one-click material looks such as chrome. Turn the layer slightly or move the camera and the letters show real depth and reflections. Inflate blows the letters up like balloons instead, round and soft where strokes meet.

- Depth, Bevel, and Material (which jumps to Panel Material).
- Inflate (0 to 1.5) builds the letters as balloons in place of the extrusion: at 1 a stroke's section is a circle, and thick strokes stand taller than thin ones. Swell grows the outline first, so the letters fatten and their corners round.

- **Where:** Text settings › 3D
- **Page:** its own page
- **Search terms:** primary: "3d text animation online" · secondary: "3d text generator", "chrome 3d text", "glass text effect"
- **Media:** [Glass type (template)](https://app.paraplex.ai/press/media#template-glass-type) · [Text animation presets](https://app.paraplex.ai/press/media#ui-still-text-presets)
- **Checked against the app:** 2026-11-11

<a id="typewriter-text-effect"></a>
### Typewriter text effect

Letters appear one at a time as if typed, with an optional cursor (bar, underscore or dot) that blinks once the line is done, and an accent color on the newest letters. As an exit it deletes like a backspace.

- **Where:** Text settings › Animate › Effect › Typewriter
- **Page:** its own page
- **Search terms:** primary: "typewriter text animation" · secondary: "typing text effect video", "animated typing cursor"
- **Media:** [Type in motion (template)](https://app.paraplex.ai/press/media#template-typography-motion-kit)
- **Checked against the app:** 2026-10-31

<a id="rotating-words-and-text-swaps"></a>
### Rotating words and text swaps

Text swap turns a line from one phrase to the next while the shared opening words stay put, with ten styles: Blur, Fade, Flip, Lift, Roll, Slant, Retype, Roll down, Scramble and Code. Rotating phrases adds a ready-made hero line whose last word keeps changing, and a Repeat setting cycles the phrases for a clean loop.

- Hold and Change set each phrase's timing; Align on keeps one character fixed as the words change.

- **Where:** Dock › Text (press and hold) › Rotating phrases; Text settings › Animate › Swap
- **Page:** a section of [Text animation presets](#text-animation-presets)
- **Search terms:** primary: "rotating text animation" · secondary: "changing words headline animation", "text scramble effect"
- **Media:** [Type in motion (template)](https://app.paraplex.ai/press/media#template-typography-motion-kit)
- **Checked against the app:** 2026-10-31

<a id="disintegrating-glitch-and-decode-text"></a>
### Disintegrating, glitch and decode text

Dust makes words gather out of specks or, as an exit, blow away as dust. Decode flickers letters through random characters before they settle, Code locks each letter in from left to right, and Glitch in jitters words into place.

- **Where:** Text settings › Animate › Effect (Signal group)
- **Page:** a section of [Text animation presets](#text-animation-presets)
- **Search terms:** primary: "text disintegration effect" · secondary: "glitch text animation", "decode text effect", "dust text effect"
- **Media:** [Glitch title (template)](https://app.paraplex.ai/press/media#template-glitch-title)
- **Checked against the app:** 2026-10-31

<a id="animated-number-counters-odometers-and-clocks"></a>
### Animated number counters, odometers and clocks

Turn any text into a number that counts From → To over a set time, as a smooth Counter, a rolling Odometer, a running Clock, or a Date that runs from one day to another, the way a documentary marks the years going by. Decimals, thousands separators, and prefix or suffix text such as "$" or "% OFF" are built in, and a counter can follow a unit chart as it grows.

- Separators: none, 1,234.5, 1 234.5 or 1.234,5.
- Turn on Tabular figures so a counting number holds still.
- Date faces: 1945, March 1945, March 12, 1945, 12 March 1945, 12 MAR 1945 and 1945-03-12. A date counts in its face's unit (years on a year's face, days on a day's), and a year before 1 reads as BC: -500 is 500 BC.
- Moves: eases out to land on its end, or runs at one speed, turning over as it reaches each unit, as a date riding a timeline does.

- **Where:** Text settings › Animate › Effects › Number
- **Page:** its own page
- **Search terms:** primary: "animated number counter" · secondary: "odometer animation", "count up animation video", "animated statistics", "animated year counter", "date counter animation"
- **Media:** [Vela: Countdown (template)](https://app.paraplex.ai/press/media#template-poodle-countdown) · [Stat drop (template)](https://app.paraplex.ai/press/media#template-stat-drop) · [On sale (template)](https://app.paraplex.ai/press/media#template-on-sale)
- **Checked against the app:** 2026-11-08

<a id="call-outs-on-words"></a>
### Call-outs: highlight, underline, circle and redact words

Mark the words that matter in a text layer by hand: a highlighter wiped across them, an underline, a circle, a box, a strike through, or a black redaction bar. The mark lands on the lines the words sit on and draws itself on from the playhead, so a quote, a headline or a line in a document lights up as the voice reads it.

- Kinds: Highlight, Underline, Circle, Box, Strike through and Redact.
- A highlight is a marker wiped on line by line; on light words over a dark ground it becomes a red bar behind them, so the words stay readable.
- Underline, circle, box and strike through are hand-drawn strokes; a redaction is a solid black bar.
- Words across several lines get a mark on each line, grouped and named for the kind, in one undo step.
- The Newspaper and Typed memo media frames arrive with a line already called out, to change or reuse.
- The assistant can mark a phrase in a text layer, or a whole picture or group, at a time and over a length it names.

- **Where:** A text layer's context menu › Call out, on the canvas or its row in the Layers panel; or ask the assistant to highlight a phrase
- **Page:** its own page
- **Search terms:** primary: "highlight text animation" · secondary: "animated underline text", "redacted text effect video", "documentary text highlight", "circle words animation"
- **Media:** [Call-outs](https://app.paraplex.ai/press/media#ui-still-callouts)
- **Checked against the app:** 2026-11-08

<a id="text-styles"></a>
### Text styles

16 ready-made type looks, from Neon, Liquid metal, Glass and 80s chrome to four camera readouts (digital date stamp, film edge print, camcorder readout, viewfinder label). Save a text's look as your own style; editing the style updates every text that follows it.

- All styles: Digital date stamp, Film edge print, Camcorder readout, Viewfinder label, Neon, Liquid metal, Glass, Frosted, Outline, Gradient, 80s chrome, Emboss, Stencil, Paper cut, Flat, Soft.
- A style sets font, size, color or gradient, material, depth, glow, shadow and outline, never the words, position or animation.

- **Where:** Text settings › Style › Text style; Menu › Text styles
- **Page:** its own page
- **Search terms:** primary: "neon text effect" · secondary: "chrome text effect", "text style presets", "80s chrome text generator"
- **Media:** [Text animation presets](https://app.paraplex.ai/press/media#ui-still-text-presets)
- **Checked against the app:** 2026-10-31

<a id="text-on-the-canvas-rich-text-and-opentype"></a>
### Text on the canvas, rich text and OpenType

Double-click to type directly on the canvas; click for a line that grows, drag for a text box that wraps, with auto width, auto height, fixed size, shrink to fit and max lines. Sizes work in px, pt, rem, em, scene units, vw, vh or percent, so text can keep its share of the frame on every format. Single words can take their own color and size, and fonts' OpenType features (tabular, oldstyle and lining figures, slashed zero, case forms, small caps, stylistic sets) can be turned on.

- Text settings is a floating panel beside the properties panel with Font, weight, italic, Size and unit, color, align, letter and line spacing, then 3D, Box, Style and Animate.
- A text box's Anchor (top, middle or bottom) sets which way it grows; its middle is measured on the capitals, so text centers in a button in any font.
- Convert text to path turns the letters into one editable vector shape.
- Kerning is always on; letters are set by Paraplex itself, so text looks the same on the canvas, in exports and in embeds.

- **Where:** Dock › Text (T); the Text settings panel (Box and Style)
- **Page:** a section of [Text animation presets](#text-animation-presets)
- **Search terms:** primary: "highlight word in animated text" · secondary: "tabular figures animation", "opentype features online"
- **Checked against the app:** 2026-11-08

<a id="fonts"></a>
### Fonts

35 built-in fonts, from clean sans serifs and slab serifs to display faces, blackletter, scripts, monospace and seven-segment displays. The font menu shows each name set in its own face, with search and keyboard picking. Upload your own TTF or OTF fonts; they are saved inside the project so they travel with it.

- All fonts: Poppins, Montserrat, Figtree, Sora, Space Grotesk, Playfair Display, DM Serif Display, JetBrains Mono, Anton, Bebas Neue, Arimo, TeX Gyre Heros, Inter, Instrument Serif, Mr Dafoe · signature, Great Vibes · script, Permanent Marker, Caveat · handwriting, DSEG7 · seven-segment, DSEG14 · fourteen-segment, Bricolage Grotesque, Unbounded, Bungee, IBM Plex Mono, Source Code Pro, Courier Prime · typewriter, Noto Serif, Redaction 20, Domine · slab, Bitter · slab, Lacquer · handwriting, Splash · brush, UnifrakturMaguntia · blackletter, Yellowtail · script, Jost · geometric.
- A font loads only when a text uses it.
- Uploaded fonts stay with the project and are not shared when a design system is published, since their license belongs to their buyer.

- **Where:** Text settings › Font; Menu › Fonts › Upload font (TTF/OTF)…
- **Page:** a section of [Design systems](#design-systems)
- **Search terms:** primary: "custom fonts animation" · secondary: "upload font motion graphics", "brand font video", "google fonts animation"
- **Checked against the app:** 2026-10-31

<a id="media"></a>
## 6. Images, video and media

Pictures and videos are layers like any other: flat in the frame, on a card, wrapped round a shape, or inside a Polaroid or an old computer window, all playing on the timeline's clock.

<a id="photos-and-video-in-3d"></a>
### Photos and video in 3D

Pictures and videos can stand flat in the frame, sit on the face of a glossy card, or wrap round a sphere, cylinder, cone or torus. A flat picture keeps a PNG's see-through parts, which makes it right for a logo; a file dragged onto the canvas becomes a lit card with rounded corners. Media scale zooms into a picture, and Image adjustments grade it like a photo app, each keyframeable.

- Opens anything the browser opens: JPEG, PNG, WebP, GIF, AVIF, MP4, WebM and more.
- Drop a file on a shape and it lands on the shape under the pointer; drop several and each becomes its own card.
- Wrap an equirectangular world map round a sphere for a globe.
- Image adjustments (Panel Surface): Exposure, Contrast, Saturation, Temperature, Highlights and Shadows, each with a keyframe diamond, and Reset.
- Media scale (Panel Surface) zooms a picture up to 3×.
- Replace… swaps the file and keeps the fit and everything else; Clear takes it off. Replace media… is also on the right-click menu.
- A double-click on a picture that doesn't crop opens the file picker to replace it.

- **Where:** The dock's Image button, or drag files onto the canvas; on a shape, Panel Fill › Add media…
- **Page:** a section of [Real 3D scenes in the browser](#real-3d-scenes-in-the-browser)
- **Search terms:** primary: "put photos in 3d animation" · secondary: "photo to 3d card animation", "globe animation from map", "video on 3d shape"
- **Media:** [Parallax gallery (template)](https://app.paraplex.ai/press/media#template-parallax-gallery)
- **Checked against the app:** 2026-11-05

<a id="media-fit-and-crop"></a>
### Fit and crop pictures on the canvas

Choose how a picture or video sits on its shape: Fill, Fit, Stretch, Crop or Tile, the same choices a web designer knows as cover and contain. Crop mode shows the whole picture faintly past the shape's edges so you can drag and zoom it into place right on the canvas. Fit shape to media reshapes the card to the picture's proportions so nothing is cut.

- Fill (cover, the default), Fit (contain, with the shape's fill color or transparency around it), Stretch, Crop (choose the visible part by dragging or by X and Y percentages) and Tile (Tiles across).
- Crop mode: drag to move the picture, scroll or the Zoom slider to zoom, Reset to center, Replace… to swap the file; Esc, Enter, Done or a click outside to finish.
- Each drag in crop mode is one undo step.
- A chosen fit is kept when the picture is replaced.
- Fit shape to media is under Fit and on the right-click menu.

- **Where:** Panel Fill › Fit, Crop on the canvas…, or double-click a picture on a rectangle
- **Page:** a section of [Photos and video in 3D](#photos-and-video-in-3d)
- **Search terms:** primary: "crop image online" · secondary: "object fit cover contain", "crop video in browser", "tile image pattern"
- **Checked against the app:** 2026-10-31

<a id="video-and-gifs-on-the-timeline"></a>
### Video and GIFs on the timeline

Videos, animated GIFs and animated WebPs play on the timeline's clock, so scrubbing and export land on the exact frame. A short clip loops to fill a longer piece, and trimming the start of a video's clip cuts its beginning off as a video editor does, never running past the footage's first or last frame. A video plays its own sound, and one bigger than 720p plays from a lighter 720p copy while you edit, so scrubbing stays smooth; exports always read the original.

- Every exported frame is the exact frame of the video at that moment.
- Trim either end of the clip bar, or slide the whole clip earlier or later.
- A video plays its own sound where its clip plays, in the editor and in the export: Sound sets how loud (0 to 100 %), and Mute silences it and keeps the level. A looping video plays its sound once.
- A video larger than 720p gets a 720p editing copy, made in the background in this browser; the editor plays the copy once it is ready, and exports always use the original.
- Videos also play on the screen of a 3D phone, tablet or laptop (silent there), and inside media frames.

- **Where:** The video layer's clip in the timeline; Sound and Mute in Panel Fill, with the video selected
- **Page:** a section of [Photos and video in 3D](#photos-and-video-in-3d)
- **Search terms:** primary: "add video to animation online" · secondary: "gif in motion graphics", "trim video clip in browser", "video layer animation"
- **Checked against the app:** 2026-11-05

<a id="image-effects"></a>
### Image effects

Stack effects on any picture, video or shader fill: halftone dots, CMYK halftone, dithering, fluted glass, lens distortion, water, paper texture, chromatic aberration and glitch. Each effect has its own card to toggle, reorder or remove, a set of ready-made variations, and settings you can keyframe.

- Nine effects: Halftone Dots, Halftone CMYK, Image Dithering, Fluted Glass, Lens Distortion, Water, Paper Texture, Chromatic aberration and Glitch.
- Effects run in a chain: the arrows move one earlier or later, the checkbox turns it off without losing its settings.
- Resolution per effect: 512, 1024 or 2048 px.

- **Where:** Panel Fill › Image effects › Add effect…
- **Page:** its own page
- **Search terms:** primary: "halftone effect online" · secondary: "fluted glass effect", "dither image effect", "animated image filters"
- **Checked against the app:** 2026-11-08

<a id="photo-pans-and-2-5d-photos"></a>
### Photo pans and 2.5D photos

Bring a still photo to life the way a documentary does: Photo pan pushes in toward a face, pulls out to reveal the scene, or pans slowly across, moving the picture inside its frame over its clip. Make 2.5D goes further: AI cuts the subject out onto a layer just in front, fills the picture behind it, and pushes in so the two drift apart, as if the photo had depth.

- Moves: Push in, Pull out, Pan left, Pan right, Pan up and Pan down, each Steady (at one speed) or Gentle (easing in and out), with how far it zooms and the point it moves toward (Across and Down), a Delay and a Duration.
- Photo pan is one of the built-in effects, so the Effects panel changes or takes it off like any effect, and its lane on the timeline stretches or moves it.
- On a photo inside a frame (a Polaroid, a newspaper page), the move plays while the frame is up, from the playhead or from when the frame comes on.
- Make 2.5D opens a window before it starts: fill behind the subject from around it (soft, like a background out of focus) or paint it with AI for a move that reveals more; Feather, how softly the subject's edge fades into the picture; and Unlit, the photo at its own brightness, or both layers in the scene's light.
- At rest the cut-out subject sits exactly over the photo, so the two read as one picture until the move begins.
- The assistant pans an archive photo over the beat the voice dwells on, and can make one photo the piece turns on into 2.5D.

- **Where:** A picture layer's context menu › Photo pan or Make 2.5D…; Apply an effect… › Photo pan; or ask the assistant
- **Page:** its own page
- **Search terms:** primary: "ken burns effect online" · secondary: "2.5d parallax photo effect", "animate a still photo", "documentary photo zoom", "photo pan and zoom video"
- **Media:** [Photo pan](https://app.paraplex.ai/press/media#ui-still-photo-pan)
- **Checked against the app:** 2026-11-08

<a id="media-frames"></a>
### Media frames: Polaroids, torn paper and retro windows

15 frames that give a picture a physical home, from a Polaroid whose caption writes itself on to torn magazine photos, a Post-it, a notebook page and a Windows 95-style window, plus documents to point at: a newspaper front page and a typed memo. Each frame is a group of ordinary layers; drop your picture or video on it to fill its slot.

- The frames: Polaroid, Torn, rough, Torn, Torn, clean, Paper card, Round portrait, Torn label, Post-it, Cardboard, Notebook page, Newspaper, Typed memo, 95 window, XP media player, Photo booth.
- Three families: Photo (with a picture slot), Paper (notes, labels and documents written on paper) and Window (retro computer windows with a picture slot).
- Newspaper arrives with a masthead, a headline, a photo slot and a line of its story highlighted; Typed memo with a sentence highlighted, a name redacted and a stamp in a red box, each mark a call-out to change or move.
- The Polaroid, Post-it, Cardboard and Notebook captions write themselves on letter by letter, as if by hand; double-click to change the words.
- A frame arrives turned a few degrees, as if dropped by hand.
- A double-click on a frame's slot opens the file picker.

- **Where:** Press and hold Component in the dock › Media frames
- **Page:** its own page
- **Search terms:** primary: "polaroid frame animation" · secondary: "scrapbook video template", "torn paper effect video", "retro window mockup"
- **Media:** [Call-outs](https://app.paraplex.ai/press/media#ui-still-callouts)
- **Checked against the app:** 2026-11-08

<a id="camera-hud-overlays"></a>
### Camera HUD overlays

4 overlays that make a scene look like footage, pinned to the frame so they hold their corners in every format: a camcorder's blinking REC with battery and running timecode, a viewfinder's focus brackets and exposure readout, a 16 mm film frame with sprocket holes, and an orange date stamp. Every piece is editable text and shapes.

- The overlays: Camcorder REC, Viewfinder, 16 mm film frame, Date stamp.
- Pinned to the frame, so they stay put on a vertical video, a square post or any other format.
- Double-click the date or a readout to change it, or recolor any piece.

- **Where:** Press and hold Component in the dock › HUD
- **Page:** a section of [Retro looks: PS1, N64 and VHS](#retro-looks-ps1-n64-and-vhs)
- **Search terms:** primary: "camcorder overlay" · secondary: "vhs rec overlay", "viewfinder overlay video", "date stamp effect"
- **Media:** [Camcorder (template)](https://app.paraplex.ai/press/media#template-camcorder)
- **Checked against the app:** 2026-11-08

<a id="ui-motion"></a>
## 7. UI motion and product demos

Everything a product team needs to show software in motion: cursors that click and drag, browser and phone frames, real 3D devices, screen recordings that zoom where things happen, and transitions between app screens.

<a id="app-demo-videos-with-an-animated-cursor"></a>
### ★ App demo videos with an animated cursor

Add a cursor path and give it stops; the cursor travels a smooth route at its own speed, with curve and overshoot like a real hand, and at each stop can click, tap, or press and drag a layer along. Clicks dip the pointer, pulse and add a click sound to the timeline. 7 cursor styles, plus templates such as Click-through demo and Cursor tour.

- Cursor styles: macOS, Windows, Figma, Ring, iPad, Hand, Classic.
- Right-click › Add stop here, or Add stop here + click; stops show on the canvas as numbered handles to drag.
- Cursor path panel: Style, Speed, Curve, Overshoot and Starts at; per stop, a hold time, a click (Mouse click, Soft tap or Pop) and Press to drag a chosen layer to the next stop.
- The panel warns when the path runs past the end of the piece.
- The Hand style closes while it drags; the Ring style pulses like a screen recorder's pointer.

- **Where:** Panel › UI overlays › Choose…, Menu › UI overlays…, or + in the Layers panel › Cursor path; right-click the cursor › Cursor path… for its panel
- **Page:** its own page
- **Search terms:** primary: "app demo video maker" · secondary: "animated cursor video", "saas product demo animation", "screen recording mockup with cursor"
- **Media:** [Demo with a cursor](https://app.paraplex.ai/press/media#ui-still-cursor) · [Click-through demo (template)](https://app.paraplex.ai/press/media#template-click-through) · [Cursor tour (template)](https://app.paraplex.ai/press/media#template-cursor-tour)
- **Checked against the app:** 2026-10-31

<a id="browser-and-phone-frames"></a>
### Browser and phone frames

Dress a screenshot or screen recording as a product: 2 quick frames (Browser and Phone), or editable overlays built from real layers that you can recolor, fade and animate. Any quick frame can be turned into its editable version in one click.

- Quick frames: Browser, Phone.
- Editable overlays: Browser · minimal, Browser · tabbed, Browser · light and Phone · status bar, each wrapping the card in a group with its toolbar, address bar or status bar as layers.
- Make this frame editable in the gallery, or right-click the card › Make frame editable.

- **Where:** Panel › UI overlays › Choose…, or Menu › UI overlays…
- **Page:** a section of [App demo videos with an animated cursor](#app-demo-videos-with-an-animated-cursor)
- **Search terms:** primary: "browser mockup animation" · secondary: "website mockup video", "phone frame mockup online"
- **Media:** [Demo with a cursor](https://app.paraplex.ai/press/media#ui-still-cursor) · [Website showcase (template)](https://app.paraplex.ai/press/media#template-website-showcase)
- **Checked against the app:** 2026-10-31

<a id="device-mockup-components"></a>
### Device mockup components

A browser window, a laptop, a tablet and a phone, ready to drop in as components, each with one screen to fill. Drop a picture, a screen recording or a full-page screenshot anywhere on the device and it lands on the screen; an empty screen says Click to replace media and opens the file picker.

- Dials: Held (Upright or On its side, for the tablet and the phone), Scroll (the screen becomes a tall page that scrolls once over the piece's length) and Finish (Dark or Light).
- A filled screen shows Replace media to swap the file. The prompts never show in Preview or in an export.
- The device's body is flat and unlit, so it keeps its exact color in any scene.

- **Where:** Components panel › Paraplex › Device mockups
- **Page:** a section of [App demo videos with an animated cursor](#app-demo-videos-with-an-animated-cursor)
- **Search terms:** primary: "device mockup animation" · secondary: "laptop mockup video", "phone mockup online", "browser window mockup"
- **Checked against the app:** 2026-11-11

<a id="3d-device-mockups"></a>
### 3D device mockups

Put a picture, screen recording or video on the screen of a 3D phone, tablet or laptop model; it shows under a glossy cover and plays with the timeline. Templates such as Product launch and On sale use a 3D phone that turns and catches the light. Works on models whose screen part is named "screen" or "display".

- Videos and animated GIFs play on the screen along with the timeline.
- Replace swaps the file; Clear takes it off. A double-click on the screen opens the file picker.
- The screen's picture gets its own row in the Layers panel.

- **Where:** Select the device model › Model panel › Screen › Add media, or drag a file onto the model
- **Page:** its own page
- **Search terms:** primary: "3d phone mockup animation" · secondary: "iphone mockup video", "laptop mockup animation", "app screen on 3d device"
- **Media:** [A promo from your screens (home loop)](https://app.paraplex.ai/press/media#pillar-promo) · [Website showcase (template)](https://app.paraplex.ai/press/media#template-website-showcase) · [App launch (template)](https://app.paraplex.ai/press/media#template-app-launch)
- **Checked against the app:** 2026-10-31

<a id="promo-from-screens"></a>
### ★ Promo from screens

Turn a folder of your app's screenshots and screen recordings into a finished launch video: your app's name, one 3D phone walking through each screen with a short callout beside it and smooth glides between them, and the name again to close. Check the words, pick a look and a shape, and it opens as a new file you can edit like any other.

- Up to 8 screens, in the order of their file names: PNG, JPEG or WebP screenshots and MP4, MOV or WebM recordings.
- An SVG, or a picture with "logo", "icon" or "wordmark" in its name, becomes the logo.
- Callouts come from a text file such as features.txt, one line per screen, or from each file's name (02-smart-checkout.png gives "Smart checkout").
- The app name comes from the folder's name; edit it, the line under it and each callout before you make it.
- Reorder with Move up and Move down, or Leave out a screen.
- Look: Dark or Light. Shape: Landscape 16:9 or Portrait 9:16.

- **Where:** Menu › Make a promo from screens…, press and hold Build scene from folder in the dock › Promo from screens, or drop the folder on the canvas
- **Page:** its own page
- **Search terms:** primary: "app launch video maker" · secondary: "app store preview video from screenshots", "app promo video generator", "screenshots to video"
- **Media:** [A promo from your screens (home loop)](https://app.paraplex.ai/press/media#pillar-promo) · [App launch from screens](https://app.paraplex.ai/press/media#showcase-app-launch) · [App launch (template)](https://app.paraplex.ai/press/media#template-app-launch)
- **Checked against the app:** 2026-10-31

<a id="screen-recording"></a>
### ★ Screen recording with automatic zooms

Record a screen, a window or a tab right in the browser and it comes in ready to edit: on a card with rounded corners and a shadow, zoomed in where things happen, such as a menu opening or text being typed. Every zoom is an ordinary keyframe you can move, change or delete.

- Zoom strength: None, Gentle, Medium or Close.
- Optionally records the sound of a tab or screen.
- A Recording pill at the top of the editor counts the time; stop there or from the browser. A recording runs up to five minutes.
- In an empty scene the camera faces the recording over a soft moving gradient; in a busy scene it starts at the playhead and the timeline grows to fit.
- A change that fills most of the screen, such as a page load, ends a zoom rather than starting one.

- **Where:** Menu › Record screen…
- **Page:** its own page
- **Search terms:** primary: "screen recorder with auto zoom" · secondary: "screen recording zoom effect", "record browser tab online", "product demo screen recorder"
- **Media:** [Screen recording](https://app.paraplex.ai/press/media#ui-still-screen-recording)
- **Checked against the app:** 2026-10-31

<a id="paraplex-recorder-extension"></a>
### Paraplex Recorder for Chrome

A Chrome extension that records a tab together with your clicks and where you type, so Paraplex can draw a smooth cursor along your path and zoom on each click and each field you type in. It records where you typed, never what you typed, and keeps everything on your computer until you open it in Paraplex. Not yet listed on the Chrome Web Store.

- Stop from the button, with Alt+Shift+R, or by closing the tab.
- Save file keeps the recording to drop on the canvas later.
- The drawn cursor is a layer of its own inside the recording's group, with any cursor style.

- **Where:** Paraplex Recorder button in Chrome's toolbar › Record this tab, then Open in Paraplex
- **Status:** limited (see above for who can use it)
- **Page:** a section of [Screen recording with automatic zooms](#screen-recording)
- **Search terms:** primary: "chrome screen recorder extension" · secondary: "record clicks and cursor", "tab recorder with zoom"
- **Checked against the app:** 2026-10-31

<a id="cursor-lens-and-loupe"></a>
### Cursor lens and loupe

The cursor lens is a round magnifier that rides a cursor along its path, enlarging what is under it and splitting its colors more on faster moves. The loupe is a Liquid glass lens over the whole frame that follows the viewer's pointer in Preview and embeds, or a cursor in exports.

- **Where:** The effect library (Cursor lens, Loupe)
- **Page:** a section of [App demo videos with an animated cursor](#app-demo-videos-with-an-animated-cursor)
- **Search terms:** primary: "magnifier cursor effect" · secondary: "zoom lens on cursor video", "magnifying glass effect"
- **Media:** [Cursor tour (template)](https://app.paraplex.ai/press/media#template-cursor-tour)
- **Checked against the app:** 2026-11-08

<a id="smart-animate-between-screens"></a>
### Smart animate between screens

Lay out two app screens as groups and right-click one to Smart animate to, Push to, Pop back to, or Present as sheet the other. Layers are paired by name, and every shared element moves, resizes and recolors into place while the rest fade or slide; the result is ordinary keyframes, so preview and export match.

- Matching layers move to their counterpart's place, size, corner rounding, color and opacity; texts with different words cross-fade.
- Layers in nested groups are matched by their whole path, such as Card/Title.
- Push to, Pop back to and Present as sheet keep both screens inside a Screen mask.
- One undo step; a message says how many layers carried across, left and arrived.

- **Where:** Right-click a group › Screens
- **Page:** its own page
- **Search terms:** primary: "smart animate" · secondary: "figma smart animate to video", "app screen transition animation", "ui prototype animation"
- **Media:** [Click-through demo (template)](https://app.paraplex.ai/press/media#template-click-through)
- **Checked against the app:** 2026-11-08

<a id="ui-kit-with-interactive-states"></a>
### UI kit with interactive states

A ready-made, neutral kit of buttons, inputs, cards, toggles, toasts and whole app screens, in a Dark or Light palette whose colors are tokens, so a brand re-skins it by editing its palette. Parts carry the states a product team designs (Hover, Pressed, Disabled, Loading, On, Focused, Error), which an instance can show or key on the timeline. The assistant can also act out a UI sequence on it: tap, type, toggle, scroll.

- Whole screens such as Settings, Chat and Assistant, built from the kit's parts.
- Some parts have Variant choices such as size.
- States are keyed on the timeline and show in exports; to answer a viewer's pointer, use Behaviors.

- **Where:** The Components panel › Kit
- **Page:** a section of [Smart animate between screens](#smart-animate-between-screens)
- **Search terms:** primary: "animated ui kit" · secondary: "ui animation components", "button state animation"
- **Media:** [Liquid glass nav (template)](https://app.paraplex.ai/press/media#template-liquid-glass-nav) · [Glass cards (template)](https://app.paraplex.ai/press/media#template-glass-cards)
- **Checked against the app:** 2026-10-31

<a id="3d-materials"></a>
## 8. 3D, materials and lighting

Every Paraplex scene is a real 3D space, lit and rendered in the browser: physically based materials, real glass, environments, lights and shadows, with a path-traced mode for the cleanest stills.

<a id="real-3d-scenes-in-the-browser"></a>
### ★ Real 3D scenes in the browser

Every scene is a real 3D space with physically based materials, environment lighting, cast shadows, ambient occlusion and bounce light, rendered with clean antialiased edges. Text and shapes can sit at different depths and the camera can move among them, yet most templates face the camera like a slide until you want depth. Tone mapping decides whether lit highlights roll off like film or brand colors show exactly as set.

- Tone mapping: Filmic (ACES), AgX, Neutral, or None (exact colors) for flat designs; Preferences › New projects › Colors picks the one a blank project starts with.
- Ambient occlusion darkens the creases where surfaces meet; Bounce light lets a colored surface tint its neighbors.
- Exposure, environment intensity, rotation and ambient occlusion are keyframeable.
- Shapes and text take depth, bevels and a Detail dial that builds curves from smooth down to a few facets.

- **Where:** Select Scene at the top of the Layers panel: the Environment, Key Light, Ground shadow and Studio Render sections
- **Page:** its own page
- **Search terms:** primary: "3d motion graphics online" · secondary: "3d animation in browser", "web based 3d design tool", "cinema 4d alternative online"
- **Media:** [Liquid chrome](https://app.paraplex.ai/press/media#chrome-metaball) · [Light, live](https://app.paraplex.ai/press/media#ui-lights) · [Material looks](https://app.paraplex.ai/press/media#ui-still-appearances) · [Chrome & glass hero (template)](https://app.paraplex.ai/press/media#template-chrome-glass-hero)
- **Checked against the app:** 2026-11-08

<a id="materials-and-physical-glass"></a>
### Materials and physical glass

Material presets (Matte, Glossy, Glass, Frosted glass, Metal, Fabric, Unlit, and Image / Logo for a picture that should look exactly like the file) with roughness, metalness, clearcoat, transmission and backdrop blur dials. Physical glass bends and frosts whatever is behind it, with refraction, dispersion, iridescence, anisotropy and sheen under Advanced glass. Save a material and every layer that follows it updates when you change it.

- Advanced glass presets: Liquid Glass, Crystal, Oil Slick, Frosted Thick, Ice, Smoked.
- Roughness, Metalness, Clearcoat, Transmission and Backdrop blur are keyframeable.
- Menu › Materials › Save current material… saves one; Update followed material… changes every layer that follows it.

- **Where:** The Panel Material section with a shape or text selected; Menu › Materials for saved materials
- **Page:** a section of [Real 3D scenes in the browser](#real-3d-scenes-in-the-browser)
- **Search terms:** primary: "3d glass material online" · secondary: "chrome material render", "frosted glass 3d"
- **Media:** [Black box, glass box](https://app.paraplex.ai/press/media#glass-box-vs-black-box) · [Liquid glass ribbon](https://app.paraplex.ai/press/media#drift-ribbon) · [Liquid glass ribbon, black studio](https://app.paraplex.ai/press/media#drift-ribbon-studio) · [Glass box embed, in use](https://app.paraplex.ai/press/media#embed-glass-box) · [Material looks](https://app.paraplex.ai/press/media#ui-still-appearances) · [Card stack, chrome (template)](https://app.paraplex.ai/press/media#template-card-stack-chrome) · [Chrome & glass hero (template)](https://app.paraplex.ai/press/media#template-chrome-glass-hero) · [Slow craft (template)](https://app.paraplex.ai/press/media#template-slow-craft) · [Wood and clay (template)](https://app.paraplex.ai/press/media#template-wood-and-clay)
- **Checked against the app:** 2026-10-31

<a id="appearances-and-textures"></a>
### Appearances and textures

24 one-click looks in a gallery of rendered thumbnails, each setting the material, color and texture together on shapes, text, 3D models and blobs. Textures add procedural surfaces (wood, clay, paper, concrete, plaster, brushed metal, leather, grunge, cardboard, rubber) or your own picture with an optional normal map, raised as relief the light picks out. A holographic foil returns the colors of the spectrum from the scene's lights and environment, so they run as a layer, a light or the camera turns.

- Looks: Oak, Walnut, Paper, Cardboard, Terracotta, Porcelain, Concrete, Plaster, Worn, Brushed steel, Chrome, Gold, Copper, Holographic, Leather, Velvet, Rubber, Glass, Frosted, Crystal, Liquid glass, Acrylic, Cast acrylic, Dark glass.
- Texture dials: Scale, Rotation, Strength, Bump, Roughness and Seed, all keyframeable.
- Mapping: Every side, The face, or One plane.
- A 3D model or blob takes a look's material and texture and keeps its own colors.

- **Where:** The Appearance and Texture sections, with a layer selected
- **Page:** a section of [Real 3D scenes in the browser](#real-3d-scenes-in-the-browser)
- **Search terms:** primary: "3d material presets" · secondary: "wood texture 3d online", "gold chrome material", "procedural textures"
- **Media:** [Material looks](https://app.paraplex.ai/press/media#ui-still-appearances) · [Wood and clay (template)](https://app.paraplex.ai/press/media#template-wood-and-clay)
- **Checked against the app:** 2026-10-31

<a id="liquid-glass-effect"></a>
### ★ Liquid glass effect

Make any shape a pane of liquid glass over the frame: its rim bends and splits what lies under it, its middle frosts and tints, and it catches the light. The lens follows the shape's own outline, so rounded cards, pills, triangles, drawn paths and imported SVG shapes all get a true glass edge, holes included. Every dial is keyframeable, and text gets the tint and frost too.

- Dials: Refraction, Fold, Dispersion, Magnify, Frost, Tint, Sheen, Rim width, Rim light and Glint.
- Dark glass is a smoky Liquid glass pane with a glinting edge.
- The bending follows on its own when the pane or what is behind it moves.
- Templates such as Liquid glass nav, Glass cards and Glass type show it in motion.

- **Where:** Appearance › Liquid glass, or Compositing › Blend mode › Liquid glass, with a shape or text selected
- **Page:** its own page
- **Search terms:** primary: "liquid glass effect" · secondary: "apple liquid glass animation", "glassmorphism animation", "frosted glass effect generator"
- **Media:** [Liquid glass ribbon](https://app.paraplex.ai/press/media#drift-ribbon) · [Liquid glass ribbon, black studio](https://app.paraplex.ai/press/media#drift-ribbon-studio) · [Liquid glass ribbon, sign-in loop](https://app.paraplex.ai/press/media#auth-drift) · [The Drift liquid glass (template)](https://app.paraplex.ai/press/media#template-drift) · [The Drift liquid glass (template)](https://app.paraplex.ai/press/media#template-drift-liquid-glass) · [Glass list hero (website loop) (template)](https://app.paraplex.ai/press/media#template-glass-list-hero) · [Liquid glass nav (template)](https://app.paraplex.ai/press/media#template-liquid-glass-nav) · [Glass cards (template)](https://app.paraplex.ai/press/media#template-glass-cards) · [Card stack, glass (template)](https://app.paraplex.ai/press/media#template-card-stack-glass)
- **Checked against the app:** 2026-10-31

<a id="liquid-metal-blobs-and-glass-tubes"></a>
### Liquid metal blobs and glass tubes

A Metaball is up to a dozen soft spheres that flow and melt into one surface, chrome by default, with merge, spread, flow and material dials. A Glass tube is a loop of clear glass that waves, ripples, twists, crumples and pulses, bending what is behind it, and can morph from one shape to another.

- Tube shapes: Ring, Rounded rectangle, Folded rectangle, Figure eight, Knot, Long loop and Crown; key two shapes and the tube morphs between them.
- Tube dials: Thickness, Flatten, Roll, Twist, Waves, Wave height, Wobble, Ripple, Crumple, Speed and Pulse.
- Pulse to the beat keys the tube to swell on every beat of the scene's music.
- A metaball can become a tube and back.

- **Where:** Press and hold Rectangle in the dock › Metaball or Glass tube; settings in the Liquid shape panel
- **Page:** its own page
- **Search terms:** primary: "liquid metal animation" · secondary: "metaball animation", "chrome blob 3d", "glass ribbon animation"
- **Media:** [Liquid chrome](https://app.paraplex.ai/press/media#chrome-metaball) · [Liquid chrome, Kelvin horizon](https://app.paraplex.ai/press/media#chrome-metaball-kelvin) · [Liquid glass ribbon](https://app.paraplex.ai/press/media#drift-ribbon) · [Metaball dials, live](https://app.paraplex.ai/press/media#ui-blob) · [Glass type (template)](https://app.paraplex.ai/press/media#template-glass-type) · [Transparent video](https://app.paraplex.ai/press/media#transparent-chrome) · [The Drift liquid glass (template)](https://app.paraplex.ai/press/media#template-drift-liquid-glass) · [Liquid metal hero (template)](https://app.paraplex.ai/press/media#template-liquid-metal-hero) · [Glass type (template)](https://app.paraplex.ai/press/media#template-liquid-motion)
- **Checked against the app:** 2026-10-31

<a id="lights-and-lighting-rigs"></a>
### Lights and lighting rigs

Spot, point, directional, area (a softbox or window) and ambient lights, each a layer you can move, color and animate, with shadows you can soften. One-click 3-point setup and Dramatic light, a Key Light section that retunes each environment's own key and fill, and lighting rigs you save and switch between in a project.

- Key Light: On and color, Strength, Direction, Height, Softness and Fill; Match environment puts it back.
- Light Color, Intensity and Softness are keyframeable, so a light can flicker, fade up or change color.
- Menu › Lighting rigs › Save current lights… saves the scene's lights; applying a rig replaces them in one undo.

- **Where:** Press and hold Spot light in the dock; Scene › Key Light; Menu › Lighting rigs
- **Page:** a section of [Real 3D scenes in the browser](#real-3d-scenes-in-the-browser)
- **Search terms:** primary: "3 point lighting online" · secondary: "studio lighting 3d scene", "product lighting setup"
- **Media:** [Liquid chrome](https://app.paraplex.ai/press/media#chrome-metaball) · [Liquid glass ribbon, black studio](https://app.paraplex.ai/press/media#drift-ribbon-studio) · [Light, live](https://app.paraplex.ai/press/media#ui-lights)
- **Checked against the app:** 2026-10-31

<a id="environments-hdri-lighting-and-skies"></a>
### Environments, HDRI lighting and skies

11 environments light reflections and sheen: studios, golden hour, night, a neutral room, three skies, a gradient sky and HDRI. Pick a panorama from the built-in HDRI library or upload your own .hdr, .exr, Ultra HDR JPEG or equirectangular picture. Skies and HDRIs can show as a backdrop, with a real ground that takes shadows.

- Environments: Studio Soft, Studio Contrast, Softbox Duo, Golden Hour, Night, Neutral Room, Sky · Midday, Sky · Afternoon, Sky · Sunset, Gradient, HDRI.
- HDRI library: Softbox Studio, Photo Studio, Clear Sky, Sunset Sky, Venice Sunset, Neon City, Sunlit Room and Clear Night (from Poly Haven).
- Ambient drift turns the environment on its own, so reflections slide across a surface without keyframes.
- Backdrop: Behind, or With ground for a floor that catches the key light's shadows.

- **Where:** Scene › Environment
- **Page:** a section of [Real 3D scenes in the browser](#real-3d-scenes-in-the-browser)
- **Search terms:** primary: "hdri lighting online" · secondary: "upload hdri", "3d sky backdrop", "environment map lighting"
- **Media:** [Liquid chrome, Kelvin horizon](https://app.paraplex.ai/press/media#chrome-metaball-kelvin)
- **Checked against the app:** 2026-10-31

<a id="ground-shadows-and-glass-caustics"></a>
### Ground shadows and glass caustics

An invisible floor under the scene catches a contact shadow and the lights' soft cast shadows, so objects stand on something over any background. Caustics lay moving light under glass and Liquid glass, in the glass's tint, as real glass does in sunlight. A transparent export keeps the shadows as alpha.

- Dials: Contact, Cast, Caustics, Softness, Height and Color.
- Cast shadows follow the lights: move the key light and they swing round.
- The dock's Backdrop adds a matte studio wall that catches light and shadows.

- **Where:** Scene › Ground shadow
- **Page:** a section of [Real 3D scenes in the browser](#real-3d-scenes-in-the-browser)
- **Search terms:** primary: "glass caustics effect" · secondary: "contact shadow transparent background", "shadow catcher online"
- **Checked against the app:** 2026-10-31

<a id="studio-render-path-tracing"></a>
### Studio render (path tracing)

A path-traced mode that follows light as it bounces between things: glass that bends what is behind it, shadows as soft as each light is large, everything reflected in everything. The view traces once it is still, every exported frame is traced at the chosen quality, and particles, lines and flat UI are drawn over the traced frame.

- Samples: Draft (32), Good (128), High (512) and Final (1024).
- Best for stills with glass, metal, a floor and a few lights; a video traces every frame, so it exports much more slowly.

- **Where:** Scene › Studio Render › Path traced
- **Page:** its own page
- **Search terms:** primary: "path tracing in browser" · secondary: "photorealistic 3d render online", "ray traced product render"
- **Media:** [Slow craft (template)](https://app.paraplex.ai/press/media#template-slow-craft)
- **Checked against the app:** 2026-10-31

<a id="3d-model-import-glb-and-gltf"></a>
### 3D model import (GLB and glTF)

Bring in GLB or glTF models from Blender, Cinema 4D, Spline or a generator; they light, cast shadows and export like any layer. Play a model's own animations (repeat or once, at any rate and start time), look through cameras stored in the file, override its materials, or give it a low-poly look with Detail, flat shading and pixel textures.

- Several files dropped at once each become a layer of their own.
- Model panel: Cast shadow, Override material (Metalness, Roughness), Animation, Retro (Detail, Flat shading, Pixel textures).
- View › Look through frames the view and every export by one of the file's cameras.
- A glTF must be a single file (export a GLB when textures or .bin data are separate).

- **Where:** The dock's 3D model button, or drop files on the canvas; settings in the Model panel
- **Page:** its own page
- **Search terms:** primary: "animate 3d model online" · secondary: "glb animation", "gltf viewer and animator", "spline alternative"
- **Checked against the app:** 2026-11-08

<a id="gaussian-splats"></a>
### Gaussian splats

Import 3D captures of real places and objects as Gaussian splats (.ply, .spz, .splat, .ksplat, .sog) from apps such as Polycam, Luma or Postshot. A splat arrives upright and fitted to the frame, carries its own light, and can be orbited or walked through in Preview and embeds.

- **Where:** The dock's 3D model button, or drop the file on the canvas
- **Page:** a section of [3D model import (GLB and glTF)](#3d-model-import-glb-and-gltf)
- **Search terms:** primary: "gaussian splat animation" · secondary: "splat viewer online", "3d scan video"
- **Checked against the app:** 2026-10-31

<a id="reflective-floors"></a>
### Reflective floors

Turn any shape into a glossy floor that mirrors what stands above it, such as a carousel of cards on a polished surface. It shows in the live view and in every export.

- **Where:** Right-click a shape › Reflective floor
- **Page:** a section of [Real 3D scenes in the browser](#real-3d-scenes-in-the-browser)
- **Search terms:** primary: "reflective floor 3d" · secondary: "mirror floor effect", "glossy reflection animation"
- **Checked against the app:** 2026-11-08

<a id="particles-simulation"></a>
## 9. Particles, generative and simulation

Particle clouds, formations of cards and cubes, layers drawn by code, and real physics, all keyframeable and exported frame for frame.

<a id="particle-systems"></a>
### Particle systems

Clouds of up to 10,000 particles that drift, flutter, spark, orbit, twinkle, rise as smoke or burst as a splash, shaped as an orb, ring, lattice or flat sheet. Particles can be circles, squares, soft dots, sparks, pictures (a stamp of any image or layer) or real 3D objects such as cubes, coins, pills or people that catch the light. Up to four colors, glow, fade, gravity and viscosity, and per-particle formulas for size, opacity, color and offset.

- Behaviors: Drift, Flutter, Sparks, Orbit, Twinkle, Smoke and Splash.
- Field: Orb, Ring, Lattice or Sheet; Chaos runs from an exact grid to fully scattered, so keying it gathers a cloud into order.
- Shapes: Circle, Square, Soft, Spark, Stamp (an image file or a layer in the scene) and Mesh (cubes, cards, spheres, cylinders, cones, rings, paper, coins, pills, people or a layer), with material, spin and shadows.
- Colors mix by Scatter, Blocks or Ramp; size and opacity vary per particle.
- Formulas set each particle's size, opacity, color or offset from expressions using index, time, x, y, sin and noise.
- Pointer field pushes or pulls particles away from the viewer's pointer in Preview and embeds.
- 2 still dot fields for backgrounds: Dot grid, Matrix.

- **Where:** The dock's Particles button (press and hold for {particlePresets:names})
- **Page:** its own page
- **Search terms:** primary: "particle animation online" · secondary: "confetti animation maker", "snow particles video", "3d particle effects"
- **Media:** [Warp drive (template)](https://app.paraplex.ai/press/media#template-warp-drive) · [Logo swarm (template)](https://app.paraplex.ai/press/media#template-logo-swarm) · [Dot lattice (template)](https://app.paraplex.ai/press/media#template-dot-lattice)
- **Checked against the app:** 2026-10-31

<a id="particle-logo-reveal"></a>
### ★ Particle logo reveal

Give a particle cloud an SVG logo or drawing and its particles fly together into the shape: read as dots, an even fill or an outline, in the cloud's colors or the drawing's own. Key Form from 0 to 1 to time the gathering, with stagger and an order. Flicker makes some particles blink with accent colors, depth blur adds lens bokeh, and Ink draws dark dots on light backgrounds.

- Read as: Dots, Even fill or Outline; Detail, Dot and Width set the grain and size.
- Colors: the cloud's colors, Lightness as opacity, or the drawing's own colors.
- Order: At random, From the left, From the right, From the top, From the bottom, From the middle, or From the edges in.
- Flicker: the share that blinks, its rate, and up to four accent colors, which Kelvin can set along the color-temperature scale.
- Depth blur: Blur and Focus soften particles nearer or farther than the focus plane.
- Use an SVG with filled shapes; turn letters into outlines first to form a word.

- **Where:** Select a particle cloud › the Form panel › Logo or drawing…
- **Page:** its own page
- **Search terms:** primary: "particle logo reveal" · secondary: "logo animation particles", "dots forming logo animation", "logo intro maker"
- **Media:** [Particle logo reveal](https://app.paraplex.ai/press/media#showcase-logo-swarm) · [Logo swarm (template)](https://app.paraplex.ai/press/media#template-logo-swarm)
- **Checked against the app:** 2026-10-31

<a id="formations"></a>
### Formations

One layer holding up to 600 cards, dots or cubes arranged in a shape (grid, masonry, row, ring, carousel, sphere, spiral galaxy, vortex, cloud, heightfield, the shape of a path, or a single point) that flows from shape to shape over time. Cards can wear up to 256 of your pictures, and ripple, wave or noise fields lift items as they pass.

- Key Layout and pick another shape later in time; items travel there with Stagger and Order.
- Keep thins the set (every one, every nth, a random share, or those near a color), and The rest leave by Fall away, Shrink, Fade or Scatter.
- Dot turns cards into dots, partly or fully; Spin turns the whole formation.
- Point as a middle step makes a gather-and-burst between shapes.

- **Where:** Press and hold Particles in the dock › Cards, Dots or Cubes; the Formation panel opens with it selected
- **Page:** its own page
- **Search terms:** primary: "3d photo gallery animation" · secondary: "image grid to sphere animation", "photo wall animation", "spiral gallery animation"
- **Media:** [Cloud of things (template)](https://app.paraplex.ai/press/media#template-cloud-of-things) · [Dot lattice (template)](https://app.paraplex.ai/press/media#template-dot-lattice)
- **Checked against the app:** 2026-10-31

<a id="generators"></a>
### Generators

Layers built by small programs, with settings you can animate: Galaxy, City blocks, Terrain, Grass, Orbits. Change the seed for a new variation, edit the JavaScript right in the panel, or describe what you want and the assistant writes a generator, with its settings as controls.

- Each setting has a keyframe diamond: a galaxy that unwinds, a city that rises.
- Code opens the program; Apply code runs it (Cmd+Enter), Revert goes back.
- A program can draw up to 20,000 copies of a shape (box, sphere, card, dot, cylinder or cone) and 100,000 line segments.
- Programs run walled off from the app, with no network access.
- Ask… in the panel's title bar starts a message to the assistant to change it.

- **Where:** Press and hold Flag in the dock › a generator; the Generator panel opens with it selected
- **Page:** its own page
- **Search terms:** primary: "procedural 3d animation" · secondary: "generative art video", "code generated 3d scene", "galaxy animation generator"
- **Checked against the app:** 2026-10-31

<a id="physics-simulation"></a>
### Physics simulation

Make layers rigid bodies (dynamic, static or kinematic) with mass, bounce and friction that fall and collide live in Preview and embeds, where a viewer can toss them around. Simulate bakes the motion into the timeline so videos show it frame for frame. The dock adds 4 ready-made effects: Flag, Smoke, Splash, Stack.

- Shapes, text, 3D models and blobs can have a body.
- Simulate records every body over the whole timeline, so playback, scrubbing and export match; Simulate again after a change.
- Flag, Smoke and Splash move on their own with no simulation; Stack is blocks on a shelf, ready to simulate.

- **Where:** The Body section of a selected layer; Scene › Simulation › Simulate; press and hold Flag in the dock for the presets
- **Page:** its own page
- **Search terms:** primary: "physics animation online" · secondary: "falling objects animation", "rigid body simulation browser"
- **Checked against the app:** 2026-10-31

<a id="cloth-drop-and-baked-simulations"></a>
### Cloth drop and baked simulations

Cloth drop adds a square of cloth that falls over a ball and settles, computed by a real cloth simulation. Models can also play baked simulations (vertex animation textures) exported from Houdini or OpenVAT, exactly the same in every export.

- The cloth's fall starts at the playhead and plays once, in about three seconds.
- A bake from another app is its EXR files plus an optional JSON description, on a GLB with a second UV set.

- **Where:** Press and hold 3D model in the dock › Cloth drop; for a model, Bake › Add a bake…
- **Page:** a section of [Physics simulation](#physics-simulation)
- **Search terms:** primary: "cloth simulation animation" · secondary: "vertex animation texture player", "houdini vat in browser"
- **Checked against the app:** 2026-10-31

<a id="break-a-picture-into-cubes"></a>
### Break a picture into cubes

Turn a picture into cubes of its colors that crumble from the bottom and fall into a heap at the playhead. The fall is simulated once and saved, so it plays the same way every time.

- The picture's clip ends at the playhead and a new model layer of cubes takes over.
- For pictures, not videos.

- **Where:** Select a picture › Panel Fill › Break into cubes
- **Page:** a section of [Physics simulation](#physics-simulation)
- **Search terms:** primary: "image shatter effect" · secondary: "voxel crumble animation", "pixels falling effect"
- **Checked against the app:** 2026-10-31

<a id="wave-deformer"></a>
### Wave deformer

Turbulence over a surface: a rectangle held at one edge becomes a flag, a radial wave becomes a pond ripple, a particle sheet becomes a flowing field. Amplitude, frequency, speed, randomness and angle are keyframeable.

- Shape: Linear (at an angle), Radial or Splash.
- Held edge: Free, Left, Right, Top or Bottom.
- Detail sets how finely the surface is divided.

- **Where:** The Wave section of a shape, text or particle cloud
- **Page:** a section of [Physics simulation](#physics-simulation)
- **Search terms:** primary: "waving flag animation" · secondary: "ripple effect animation", "cloth wave effect"
- **Checked against the app:** 2026-10-31

<a id="data-charts"></a>
## 10. Data and charts

Paste a spreadsheet and get a chart made of real layers that animates in, count things with unit charts, or plot every row as a particle.

<a id="animated-charts-from-data"></a>
### ★ Animated charts from data

Paste or upload a spreadsheet and Paraplex builds a bar, line, area, pie, donut, scatter, Gantt or timeline chart that animates in: bars grow, lines draw, wedges sweep open along their arc. Every bar, wedge, label and axis is an ordinary layer you can restyle, give depth or retime. Handles up to 400 rows and reads values like "$1,200" and "45%".

- Kinds: Bar chart, Line chart, Area chart, Pie chart, Donut chart, Scatter, Gantt and Timeline.
- Pie and donut intros: Pinwheel, Sweep, Grow from center, Spin in, Explode in and Fade.
- Bar intros: Rise, Grow from center, Pop, Drop and Fade. Line: Draw on, Wipe left to right and Fade. Area: Rise, Wipe left to right and Fade. Scatter: Pop, Grow from center, Drop and Fade. Gantt and Timeline: By data, In order and Fade.
- Timing: Overlap by or One after another, a duration per piece, a start time, an easing (your brand's easings included) and an order (as in the data, reversed, largest first, or from the middle out).
- Even speed makes a pie's wipe turn at one speed; value labels count up as each bar or wedge comes in.
- The intro is ordinary keyframes, so it plays and exports exactly as shown.
- Numbers may carry currency signs, percent signs and thousands commas; dates are recognized.
- A timeline's Sweep with the date runs a line along it at one speed with the date riding its head, ticks at round years, months or days, and each event arriving as the head reaches it, for a history told across years.

- **Where:** The dock's Chart button (press and hold for a kind)
- **Page:** its own page
- **Search terms:** primary: "animated chart maker" · secondary: "csv to animated chart", "animated bar chart video", "data visualization animation", "animated pie chart"
- **Media:** [An animated chart](https://app.paraplex.ai/press/media#ui-still-chart) · [KPI board plugin](https://app.paraplex.ai/press/media#ui-still-plugin-kpi-board) · [The AI ROI gap (template)](https://app.paraplex.ai/press/media#template-ai-roi-gap) · [Chart drop (template)](https://app.paraplex.ai/press/media#template-chart-drop)
- **Checked against the app:** 2026-11-08

<a id="edit-chart-window"></a>
### The Edit chart window

One floating window to make a chart and to change it later: the data as an editable grid of cells, the columns that drive it, how it animates in, and its style, every change showing in the scene as you make it. Paste a whole spreadsheet from Excel or Google Sheets into the first heading and it fills the grid. An edit keeps your own changes to each bar or wedge, and only new rows add pieces.

- The sheet: edit any cell, add a Row or a Column, remove one with its ×; a line shows how many rows and columns were read.
- Columns: Labels from and Values; X, Y and Size for a scatter; Start and End for a Gantt; Time for a timeline.
- Style: the chart's Size, Category labels, Colors per series or per slice, and for a timeline Sweep with the date.
- The CSV section has the sheet as text, Upload CSV… and Sample.
- Apply keeps the edit as one undo step; Cancel puts the chart back.
- The Chart section of the properties panel changes the intro preset on the spot and has Replay.

- **Where:** Add chart opens it; for an existing chart, double-click it, right-click › Edit chart…, or the Chart section's Edit chart…
- **Page:** a section of [Animated charts from data](#animated-charts-from-data)
- **Search terms:** primary: "edit chart data" · secondary: "paste spreadsheet into chart", "chart editor online"
- **Media:** [An animated chart](https://app.paraplex.ai/press/media#ui-still-chart)
- **Checked against the app:** 2026-11-08

<a id="unit-charts-and-pictographs"></a>
### Unit charts and pictographs

Show a number as countable things (people, coins, pills, paper, dots or blocks) in a row, column, grid or stack. Value and Highlight keyframe, so units arrive one by one and a share lights up in an accent color, and a number counter can follow the chart as it grows.

- Arrangements: Row, Column, Grid and Stack. Things: Paper, Coins, Pills, People, Dots and Blocks.
- Settings: Value, Highlight, Units (the total), Across, Spacing, Untidy, and Arrives (Grow, Pop, Drop or Fade).
- A text's Number effect can follow the chart, so the count rides along.

- **Where:** Select a particle cloud › Unit chart
- **Page:** its own page
- **Search terms:** primary: "pictogram chart animation" · secondary: "isotype chart maker", "animated infographic", "waffle chart animation"
- **Checked against the app:** 2026-10-31

<a id="maps-and-globes"></a>
### Maps and globes

Show where a story happens: a globe that turns from place to place along a route, drawing a line on each leg, or the world laid flat and framed on your places, with the countries you name raised from it. Type the places one to a line; the pins, lines, names and turns land as ordinary keyframed layers.

- Places by name (large cities and the world's countries), or any point as Name @ latitude, longitude.
- Styles: Night, Atlas and Archive, with the sea, land, borders, countries, lines, pins and names each recolorable.
- Settings: lines from place to place, names beside the pins, latitude and longitude, each leg's length, and Lean to stand a flat map's countries up.
- On a globe a name fades as its place turns round the side; a flat map of places half a world apart shows the whole world.
- The assistant can also draw lines out from one place to many.

- **Where:** Press and hold Chart in the dock › Maps › Globe or Flat map, ⌘K › Map or globe…, or ask the assistant
- **Page:** its own page
- **Search terms:** primary: "animated map maker" · secondary: "animated globe route", "travel map animation", "documentary map animation", "flight path animation"
- **Media:** [Maps and globes](https://app.paraplex.ai/press/media#ui-still-maps)
- **Checked against the app:** 2026-11-08

<a id="particles-from-data"></a>
### Particles from data

Bind a spreadsheet to a particle cloud and each row becomes one particle, placed by its X, Y and Z columns and sized and colored by two more, for 3D scatter plots and data clouds of up to 10,000 rows.

- A text column used for color gives each group its own color from the cloud's colors.
- Unbind takes the data off again.

- **Where:** Press and hold Chart in the dock › Particles from data, or a cloud's Particle Field › Data › Bind data…
- **Page:** a section of [Animated charts from data](#animated-charts-from-data)
- **Search terms:** primary: "3d scatter plot animation" · secondary: "data particles visualization"
- **Checked against the app:** 2026-10-31

<a id="csv-to-chart-video-tool"></a>
### CSV to chart video (free tool)

A free page on the Paraplex website that turns rows pasted from a spreadsheet, or a dropped CSV, into a bar, line, area, pie, donut or scatter chart that builds itself under a title, as a video. No watermark and no account, and nothing you paste leaves your computer.

- A header row and up to 60 rows, comma- or tab-separated.

- **Where:** paraplex.ai/tools/csv-to-chart-video
- **Page:** a section of [Animated charts from data](#animated-charts-from-data)
- **Search terms:** primary: "csv to chart video" · secondary: "free animated chart maker", "chart video generator no watermark"
- **Checked against the app:** 2026-10-31

<a id="animation-timeline"></a>
## 11. Animation and timeline

Keyframe anything with a diamond, shape the motion with curves and springs, and time every layer, transition and text animation on one timeline.

<a id="keyframe-animation-and-timeline"></a>
### ★ Keyframe animation and timeline

Click the diamond beside any number or color to keyframe it; Paraplex fills in the motion between keyframes. The timeline shows each layer's clip, one lane per animated setting, markers and the playhead; with nothing selected it lists every layer so a moment's keyframes can be dragged together. Pieces run from a second to an hour at 10–120 fps, and while you pause Paraplex draws frames ahead so heavy scenes play back at full speed.

- Double-click a keyframe to type its value (in the panel's own units: px, degrees, percent or a color), its time and its curve; Enter applies it as one undo step, Esc leaves it.
- With nothing selected, each layer is a row with its label color, its clip and one diamond per moment; dragging a diamond moves all of that layer's keyframes at that moment, and double-clicking edits them together.
- Markers: press M or the Markers button to add one at the playhead; Shift and an arrow key jump to the marker before or after.
- With a layer selected, its own lanes come first; the scene's (the camera, the look and other scene settings) follow under a Scene divider on a slightly lighter ground.
- Smooth playback: a green bar under the ruler fills as frames are drawn ahead, and playback over it runs at full speed. About a minute of 1080p frames is kept, more at smaller sizes; on a longer piece the drawn stretch follows the playhead.
- The eye beside a lane dims it to focus on the others; the trash deletes the whole lane.
- Undo covers keyframes, clips, markers and transitions.

- **Where:** The timeline under the canvas; the diamond beside any setting in the properties panel
- **Page:** its own page
- **Search terms:** primary: "keyframe animation online" · secondary: "online animation timeline", "motion graphics timeline editor"
- **Media:** [Every layer the AI makes is yours](https://app.paraplex.ai/press/media#ui-ai-editable) · [Easing study](https://app.paraplex.ai/press/media#easing-study) · [The editor](https://app.paraplex.ai/press/media#ui-still-editor) · [The timeline](https://app.paraplex.ai/press/media#ui-still-timeline)
- **Checked against the app:** 2026-11-08

<a id="every-animation-in-the-timeline"></a>
### Every animation in the timeline

Clip transitions, text animations and effects show in the timeline as lanes of their own, next to ordinary keyframes: drag the far diamond to change the length, change the first diamond's curve to change the ease, or delete a diamond to remove the animation. The layer's Animations section lists everything that moves it (keyframes, transitions, text animation, motion presets, echoes, motion paths and more) with a shortcut to edit each.

- Lanes: Transition in, Transition out, Text in, Text out, and one per effect on the layer, named for it.
- Moving a text animation's diamond retimes the whole reveal, its length and stagger in proportion.
- Moving an effect's diamonds changes its Delay and Duration and applies it again, on every layer it reached; a look an effect brings names its dial lanes for itself, such as Light sweep · Progress.
- The Animation panel shows the Scene's transitions with the Scene selected, and a layer's clip transitions with a layer selected.

- **Where:** The timeline with a layer selected; the Animations section of the properties panel; Menu › Transitions › Animation panel…
- **Page:** a section of [Keyframe animation and timeline](#keyframe-animation-and-timeline)
- **Search terms:** primary: "animation timeline editor" · secondary: "edit transitions on timeline", "text animation timing"
- **Media:** [The timeline](https://app.paraplex.ai/press/media#ui-still-timeline) · [Effect lane on the timeline](https://app.paraplex.ai/press/media#ui-still-effects-lane)
- **Checked against the app:** 2026-11-07

<a id="chapters-for-long-pieces"></a>
### Chapters for long pieces

Make a group a chapter and it moves as one part of a long piece: slide its clip and every clip and keyframe inside goes with it, along with the scene's camera keys and markers in its span. Drag a chapter's end and the chapters after it ripple along; swap two chapters with a right-click; jump to any chapter from the timeline. Only the chapters near the playhead are loaded, so an hour made of chapters stays as quick to work on as a short piece.

- Sliding a chapter moves everything inside it: layers' clips and keyframes, text animations, number counts, 3D model animation, component instances and their changes of state, and the scene's own keyframes and markers from its start up to its end. One undo step.
- Dragging a chapter's end moves the chapters and the other layers after it by as much, and the piece grows to hold them; trimming its start moves nothing else.
- Ripple, at the bottom of the timeline's Chapters menu, turns that off for the project; Preferences › New projects › Ripple chapters sets it for new projects.
- Move chapter earlier and Move chapter later swap a chapter with its neighbor, contents and all, keeping any gap between them.
- The Chapters menu lists the chapters in playing order with their start times and marks the one at the playhead; choosing one puts the playhead at its start and zooms the timeline to it, and Whole piece zooms out.
- A chapter's layers, with their pictures, videos and 3D models, load about 10 seconds before the playhead reaches it and are let go once it is well past; a selected layer keeps its chapter loaded.
- A video export of a piece in chapters renders a part at a time, and after an edit to one chapter, exporting again renders only the parts around it.
- Its row in the Layers panel says Chapter; Stop being a chapter makes it an ordinary group again, changing nothing else.
- Script mode lays a written piece out as chapters, one for each heading, with a group inside for each paragraph at its time.

- **Where:** Right-click a group › Make this a chapter; Chapters in the timeline's header
- **Page:** its own page
- **Search terms:** primary: "long form video editor online" · secondary: "ripple edit timeline", "reorder scenes in a video", "edit hour long video in browser"
- **Media:** [Script mode](https://app.paraplex.ai/press/media#ui-still-script-mode)
- **Checked against the app:** 2026-11-08

<a id="script-mode-for-documentaries"></a>
### ★ Script mode for documentaries and long explainers

Start a long piece from its script. Paste it into the Script window and Paraplex lays it out on the timeline: each heading becomes a chapter and each paragraph a beat, a group that lasts as long as its words take to say. Build each beat's pictures inside its group, by hand or with the assistant, and they show only while their words are read. Read the script as an AI voiceover and Re-time moves every beat to the voice's own words, with everything built in it.

- Scripts of up to 50,000 characters, about 55 minutes read aloud.
- A chapter starts at a heading: # The crash, Chapter 2, Part One, Cold open, or a short line in capitals. A long paragraph is split into beats at its sentences.
- What the viewer sees goes in [brackets] or after VISUAL:, B-ROLL: or ON SCREEN:; it is listed under its beat and never read aloud. A VO: or NARRATOR: label is dropped.
- The window counts the words and beats and gives the length at a reading pace (150 words a minute, from 100 to 220), or timed by the voiceover once one is on the timeline.
- Lay out the script is one undo step; chapters are ordinary chapters, so they slide, ripple and swap with everything in them.
- Edit the script and Lay out again: each beat whose paragraph is still there keeps what is built in it and moves to its new time, a new paragraph becomes a new beat, and a beat whose words are gone keeps its layers as an ordinary group.
- Read it as a voiceover opens the Voice panel with the narration alone, without the headings or what is seen.
- Block out with the assistant writes the message that has the assistant build each beat's picture from what is seen in it, for you to add to and send.
- Goes with the rest of the documentary tools: documentary looks, photo pans and 2.5D photos, call-outs on words, newspaper and memo frames, date counters and timelines that sweep through the years.

- **Where:** Menu › Script…; or give the assistant the script
- **Page:** its own page
- **Search terms:** primary: "documentary video maker" · secondary: "script to video", "youtube documentary editor", "long form explainer video maker", "turn a script into a video"
- **Media:** [Script mode](https://app.paraplex.ai/press/media#ui-still-script-mode)
- **Checked against the app:** 2026-11-08

<a id="long-pieces-and-timeline-zoom"></a>
### Long pieces and timeline zoom

A piece can run up to an hour. The ruler and the time read as a clock once a piece passes a minute, long lists of layers stay quick to scroll, and the timeline zooms in when keyframes crowd together or a piece runs long, turning its page to keep the playhead in view while it plays.

- + and − zoom around the playhead; All shows the whole piece again.
- ⌘ (Ctrl on Windows) and scroll, or a trackpad pinch, zooms around the pointer; Shift and scroll, or a sideways trackpad swipe, moves along the piece.
- Time reads in seconds under a minute, then as a clock (1:02.50 / 3:00), with hours once a piece runs an hour (0:12:05.25 / 1:00:00).
- The Layers panel and the timeline's rows draw only the rows in view, so a piece with many layers scrolls as smoothly as a short one.
- Shortening a piece keeps keyframes past the new end; they play again if it is lengthened.

- **Where:** The + and − buttons beside Properties in the timeline; Duration in the timeline's header
- **Page:** a section of [Chapters for long pieces](#chapters-for-long-pieces)
- **Search terms:** primary: "long form animation editor" · secondary: "zoom animation timeline", "hour long motion graphics"
- **Checked against the app:** 2026-11-05

<a id="easing-curves-and-springs"></a>
### Easing curves and springs

Easing presets in six groups (Foundation, Out, In, In Out, Expressive, Spring), a curve you reshape by dragging its handles, CSS cubic-bezier values pasted straight in, and physical springs that overshoot and settle. Motion tokens add a brand's own curves at the top.

- Foundation: Step Hold, Linear, Smooth (the default for new keyframes).
- Out: Quick Out, Swift Out, Snappy Out, Out Cubic, Ease Out. In: Ease In, In Circ, In Quint.
- In Out: Ease In Out, In Out Quart, In Out Quint, In Out Expo, In Out Circ. Expressive: Anticipate, Back In, Back Out.
- Springs: Gentle, Snappy, Bouncy, Wobbly, or spring(stiffness, damping, mass) typed in Curve Values; a spring always lands exactly on the next keyframe.
- Curve Values also takes four numbers, cubic-bezier(…) copied from CSS, or step for a hold.
- Camera moves and the hover and click states of interactive pieces can use springs too.

- **Where:** Select a keyframe, then the curve button beside its lane
- **Page:** its own page
- **Search terms:** primary: "spring animation easing" · secondary: "cubic bezier editor", "easing curves animation", "bounce easing"
- **Media:** [Easing study](https://app.paraplex.ai/press/media#easing-study) · [The timeline](https://app.paraplex.ai/press/media#ui-still-timeline)
- **Checked against the app:** 2026-10-31

<a id="animate-in-and-out-presets"></a>
### Animate in and out presets

Give any layer a ready-made entrance or exit from the Entrance block: 9 presets (Fade, Rise, Drop, Scale, Pop, Slide from the right, Slide from the left, Blur, Blur up), with seconds, delay and curve (springs included). A pick applies at once and replaces the one before; None or Remove takes it off. Several selected layers get it together, and the result is ordinary keyframes you can retime.

- Direction: In, from the in-point, or Out, to the out-point; a layer can have both.
- Curve: the preset's own, Smooth, Snappy out, Expo out, Spring, Spring, bouncy or Linear.
- The block says what is applied, such as Pop in · 0.8 s, or Rise in · 0.8 s (3 layers).
- Remove takes off only the keyframes the animation wrote; your own keyframes on the same lanes stay.

- **Where:** Transform › Entrance, with a layer selected
- **Page:** a section of [Keyframe animation and timeline](#keyframe-animation-and-timeline)
- **Search terms:** primary: "fade in animation" · secondary: "entrance animation presets", "pop in animation"
- **Checked against the app:** 2026-10-31

<a id="motion-presets-squash-stretch-follow-through"></a>
### Motion presets: squash, stretch and follow-through

5 motion presets (Squash & stretch, Follow-through, Anticipation, Lean, Bounce on arrival) worked out every frame from the layer's own movement, with an Amount and how fast it settles. Nothing to keyframe by hand, and a group's preset squashes its cards as they move.

- Amount and Settle can be keyframed, so the effect can be stronger on one move than another.
- Change the move and the stretch or bounce follows it; a layer whose position isn't keyframed shows nothing.

- **Where:** The Motion section, with a layer selected
- **Page:** a section of [Easing curves and springs](#easing-curves-and-springs)
- **Search terms:** primary: "squash and stretch animation" · secondary: "follow through animation", "animation principles presets"
- **Checked against the app:** 2026-10-31

<a id="scene-transitions"></a>
### Scene transitions

18 transitions for the start or end of a piece: Fade from black, Fade to black, Fade from white, Fade to white, Zoom in, Whoosh in, Motion blur in, Motion blur out, Glow in, Glow out, Burn in, Burn out, Flash frame in, Flash frame out, Projector start, Projector stop, Strip advance in, Strip advance out. Length and strength are adjustable, from a chip on the timeline's Scene row or the Animation panel.

- Drag a chip's inner edge to set its length, from 0.2 to 4 seconds.
- Distance (Zoom, Whoosh and Motion blur) sets how far it travels; Intensity (Glow, Burn, Flash frame, Projector and Strip advance) sets how strong it is.
- The assistant can fade from or to any color.

- **Where:** Menu › Transitions; the Animation panel with the Scene selected; Add transition… on the Scene row's right-click menu in the Layers panel
- **Page:** its own page
- **Search terms:** primary: "video transitions online" · secondary: "film burn transition", "flash frame transition", "intro outro transitions"
- **Media:** [Logo match cut (template)](https://app.paraplex.ai/press/media#template-logo-match-cut)
- **Checked against the app:** 2026-11-08

<a id="clips-and-clip-transitions"></a>
### Clips and clip transitions

Every layer has a clip: when it appears and leaves. Trim either end or slide the whole bar, then drag the round grip just inside an end to add one of 11 transitions (Fade, Slide up, Slide down, Slide left, Slide right, Zoom, Push up, Push down, Push left, Push right, Zoom through). Apply one transition to many layers at once with a stagger so they arrive one after another; clip ends snap to markers.

- Trimming the start of a video or a sound cuts its footage there, as in a video editor, and no trim runs past the footage's first or last frame.
- Shots: put each shot in a group and trim the groups end to end for clean cuts, since a group's clip hides everything in it.
- On a short clip, an in and an out that overlap blend together.
- Apply to the selected layers or to All layers, with In, Out or Both and a Duration.

- **Where:** The Clip row of the timeline with a layer selected, or each layer's row with nothing selected; the Animation panel
- **Page:** a section of [Scene transitions](#scene-transitions)
- **Search terms:** primary: "layer transitions animation" · secondary: "stagger animation", "slide in transition", "trim clips timeline"
- **Media:** [Logo match cut (template)](https://app.paraplex.ai/press/media#template-logo-match-cut) · [Match-cut stack (template)](https://app.paraplex.ai/press/media#template-match-cut-stack)
- **Checked against the app:** 2026-11-08

<a id="split-clips"></a>
### Split a layer in two

Right-click a clip in the timeline and choose Split here, or press ⇧⌘D to split at the playhead. The layer becomes two, one after the other, its keyframes carrying on across the cut, and a sound or video in the second half picks up where the first left off.

- The first half keeps the in transition, the second the out transition.
- Splitting a group splits everything in it; the split is one undo step.
- To cut a pause out of a voiceover, split before and after it, delete the middle and slide the rest earlier.

- **Where:** Right-click a clip in the timeline › Split here; right-click a layer › Split at playhead; ⇧⌘D (Ctrl+Shift+D)
- **Page:** a section of [Clips and clip transitions](#clips-and-clip-transitions)
- **Search terms:** primary: "split clip at playhead" · secondary: "cut audio clip online", "razor tool timeline"
- **Checked against the app:** 2026-11-08

<a id="shape-morphing"></a>
### Shape morphing

Morph into turns one layer into another (place, rotation, size, corners, color, opacity and depth) over half a second, then hands off to the second layer. Vector paths morph between keyed outlines, even when their anchor counts differ, so a spinner's arc can bend into a check mark.

- The keyframes it writes are ordinary keyframes to retime.
- Chain rounded shapes: a dot into a pill, the pill into a card, the card into a bar.

- **Where:** Right-click a layer › Morph into
- **Page:** its own page
- **Search terms:** primary: "shape morph animation" · secondary: "svg morph animation", "morph shapes online"
- **Media:** [From a dot (template)](https://app.paraplex.ai/press/media#template-from-a-dot)
- **Checked against the app:** 2026-10-31

<a id="masks-iris-wipes-and-lens-reveals"></a>
### Masks, iris wipes and lens reveals

Show a layer only where another covers it, or only where it doesn't, for iris wipes, text kept inside a growing pill, or a word unrolling from a line. One-click Reveal adds an Iris in, Iris out or a Lens reveal that opens the next scene inside a growing glass lens.

- Animate the mask layer to move the cut.
- A mask on a group cuts everything in it, and one shape can mask several layers.

- **Where:** The Mask section (Masked by, Invert, Show mask layer); right-click a layer › Reveal
- **Page:** its own page
- **Search terms:** primary: "mask animation online" · secondary: "iris wipe transition", "reveal animation effect"
- **Checked against the app:** 2026-10-31

<a id="motion-paths"></a>
### Motion paths

Carry a layer along a pen path or line, turning with the curve if you want, with its progress (Along) as its own keyframe lane. Make motion path turns existing position keyframes into a smooth path with the same timing.

- Settings: Follow path, Along, Orient to path, and Draw the path to show the route in the piece itself.
- Shapes, text, groups, 3D models, particles, blobs, formations and generators can follow a path.

- **Where:** The Motion path section, with a layer selected
- **Page:** a section of [Keyframe animation and timeline](#keyframe-animation-and-timeline)
- **Search terms:** primary: "motion path animation" · secondary: "animate along path online"
- **Checked against the app:** 2026-10-31

<a id="echo-trails-flip-cards-and-two-sided-layers"></a>
### Echo trails, flip cards and two-sided layers

Echo trails a layer with fading copies of itself from a moment ago, so a number slides in with its last few values ghosted behind it. Make flip card builds a card with a front and back from two selected layers, and Hide back face hides a layer while it faces away.

- Echo settings: Copies (up to 8), Every (s) and Decay.

- **Where:** The Echo section; right-click with two layers selected › Make flip card; right-click a layer › Hide back face
- **Page:** a section of [Keyframe animation and timeline](#keyframe-animation-and-timeline)
- **Search terms:** primary: "echo trail effect" · secondary: "flip card animation", "motion trail effect"
- **Media:** [Easing study](https://app.paraplex.ai/press/media#easing-study)
- **Checked against the app:** 2026-11-08

<a id="speed-ramps-frame-rates-and-stop-motion"></a>
### Speed ramps, frame rates and stop motion

Keyframe the scene's playback speed for slow motion, a freeze or a burst of speed without touching any other keyframe. Frame rates run 10–120 fps, Step preview shows the export's frames while editing, and Stop motion holds each picture for a few frames (for example, animating on 12s inside a 30 fps video).

- Playback speed runs from 0 (a freeze) to 4; the keyframes' easing shapes the ramp.
- Sound, videos in the scene, film grain, the grade and film overlays keep their normal speed through a ramp.
- Keyframes are measured in seconds, so changing the frame rate never moves the animation.

- **Where:** Scene › Speed Ramp › Playback speed; the fps button in the timeline's header
- **Page:** a section of [Keyframe animation and timeline](#keyframe-animation-and-timeline)
- **Search terms:** primary: "speed ramp effect" · secondary: "stop motion effect online", "slow motion animation"
- **Checked against the app:** 2026-10-31

<a id="camera"></a>
## 12. Camera

One real camera films every scene, with a lens you can set and animate, ready-made moves and a shake that plays the same in every export.

<a id="3d-camera-and-lens"></a>
### 3D camera and lens

One camera films every scene, with a 14 to 200 mm focal length (24, 35, 50 and 85 mm presets) and roll. The lens adds depth of field (ƒ/1.4 to ƒ/16, focus distance, Focus selected), lens distortion from pincushion to fisheye, peripheral blur, and motion blur in exports as a shutter angle. Frame a view by orbiting, click Keyframe camera, and the camera flies between views; every lens setting can be animated, including focus pulls.

- Once the camera has keyframes, every orbit records a keyframe at the playhead.
- Camera keyframes sit on six lanes (Camera X, Y, Z and Look X, Y, Z); Clear camera motion removes them.
- Right-click the canvas with nothing selected › Make this the home view, so Reset view returns to your framing.
- A 3D model's own cameras can frame the view and every export (View › Look through).
- Motion blur shows in exported videos; the canvas stays sharp while you work.

- **Where:** Select Scene at the top of the Layers panel: the Camera and Lens sections
- **Page:** its own page
- **Search terms:** primary: "depth of field animation" · secondary: "virtual camera animation online", "rack focus effect", "motion blur export"
- **Media:** [Cosmos fly-through (template)](https://app.paraplex.ai/press/media#template-cosmos) · [Depth of field slider (template)](https://app.paraplex.ai/press/media#template-depth-rack)
- **Checked against the app:** 2026-10-31

<a id="camera-move-presets"></a>
### Camera move presets

8 camera moves written for you from the playhead, including Push in, Orbit, Whip and Dolly zoom (the "Vertigo" effect). Frame a layer or the point the camera looks at, set seconds and a curve (springs included), and chain moves one after another; each move's keyframes stay ordinary camera keyframes you can edit.

- Moves: Push in, Pull back, Pan, Tilt, Orbit, Whip, Dolly zoom, Rack focus.
- Curves: Smooth, Snappy out, Expo out, Spring, a bouncier spring, and Linear.
- Each move starts where the camera is at the playhead, so a second move picks up where the first ends; each is one undo.

- **Where:** Scene › Camera › Camera move
- **Page:** its own page
- **Search terms:** primary: "camera move presets" · secondary: "dolly zoom effect", "whip pan transition", "push in camera animation"
- **Media:** [Cosmos fly-through (template)](https://app.paraplex.ai/press/media#template-cosmos) · [Warp drive (template)](https://app.paraplex.ai/press/media#template-warp-drive)
- **Checked against the app:** 2026-10-31

<a id="camera-shake"></a>
### Camera shake

Shake styles for Documentary, Handheld, Walking, Vehicle and Earthquake, plus Impact for a single jolt on a hit. Amount, speed and strength keyframe so a shake can build and die away, and it is identical in preview and export.

- Amount (0 to 1), Speed (0.1 to 12 times a second) and Strength (up to 5°).
- Impact adds keyframes at the playhead that settle over about half a second; add several for several hits.

- **Where:** Scene › Shake
- **Page:** a section of [Camera move presets](#camera-move-presets)
- **Search terms:** primary: "camera shake effect" · secondary: "handheld camera effect", "earthquake shake animation"
- **Checked against the app:** 2026-10-31

<a id="effects-looks"></a>
## 13. Effects, filters and looks

Grade, distort, age and stylize a frame or a single layer, with every dial keyframeable and the same result in preview and export.

<a id="effect-library"></a>
### ★ Effect library

A library of 27 effects for the whole frame or a single layer, each with keyframeable dials: chromatic aberration, glitch, VHS, Bad TV, pixelate, halftone dots, ASCII, a LUT from any .cube file, datamosh, deforms such as twirl and jelly, the loupe, the cursor lens and fluid reveal among them. Effects stack in order and run identically in preview and export.

- Effects: Chromatic aberration, Glitch, VHS, Pixelate, Edge / X-ray, Afterimage, Posterize, Duotone, LUT (.cube), Vignette, Loupe, Ripple, Dissolve, RGB shift, Bad TV, Halftone dots, ASCII, Directional blur, Smear, Wave (deform), Bulge (deform), Twirl (deform), Skew (deform), Jelly (deform), Datamosh, Cursor lens, Fluid reveal.
- Reorder, switch off or remove each effect in the stack.
- Click an effect's name to open its code in the Shader panel.

- **Where:** Scene › Filters › Lens passes › Effects… for the frame; Layer Filters › Add… for one layer; the Effects button under Layers for Paraplex's own effects
- **Page:** its own page
- **Search terms:** primary: "video effects online" · secondary: "datamosh effect online", "ascii video effect", "apply lut to video online"
- **Media:** [Effects on the frame](https://app.paraplex.ai/press/media#ui-still-effects) · [Documentary looks](https://app.paraplex.ai/press/media#ui-still-documentary-looks)
- **Checked against the app:** 2026-11-08

<a id="thermal-effect"></a>
### Thermal effect

Draw any layer as a thermal camera would see it: a band of heat crosses the layer, filling its shape through a ramp of five colors from deep to hot with a soft glow, and leaves it at rest as a thin cool outline, in its own colors, or still hot. The layer under it stays as it was, so a word can be retyped or a logo swapped and the heat follows.

- Settings: Delay, Duration, Rest (Outline, Own colors or Stay hot), Angle, Glow, and the five ramp colors.
- Its colors can follow a design system's palette, so changing the palette recolors every layer drawn in it.

- **Where:** The Effects button under Layers › Thermal, with a layer selected
- **Page:** a section of [Effect library](#effect-library)
- **Search terms:** primary: "thermal camera effect" · secondary: "heat map text animation", "infrared video effect"
- **Checked against the app:** 2026-11-11

<a id="layer-effects-and-deforms"></a>
### Layer effects and deforms

The same effect library on a single layer, plus per-layer bloom, contrast, saturation and blur: a card can glitch, a photo can ripple, or a word can wobble like jelly as it moves while the rest of the frame stays still. Fluid reveal shows a layer only along a cursor's recent trail, for x-ray and brush reveals.

- Layer bloom (with a threshold), Layer contrast, Layer saturation and Layer blur, all keyframeable.
- Fluid reveal dials: Size, Life, Softness, Wobble, and Cut out to open a hole onto what is underneath.

- **Where:** The Layer Filters section, with a layer selected
- **Page:** a section of [Effect library](#effect-library)
- **Search terms:** primary: "jelly wobble effect" · secondary: "x-ray reveal effect", "layer blur animation"
- **Media:** [Effects on the frame](https://app.paraplex.ai/press/media#ui-still-effects)
- **Checked against the app:** 2026-11-08

<a id="glows-drop-shadows-light-sweeps-and-emitted-light"></a>
### Glows, drop shadows, light sweeps and emitted light

Outer and inner glow with strength, blur, spread and color; stacked drop shadows, inset or outside; a Light sweep that runs a bright band across a surface; and Emit light, which makes a surface glow and light the things around it. All keyframeable.

- Light sweep: Color, Duration, Width, Angle, Intensity, Start and Loop.
- Emit light: Color and Strength, bright enough to bloom; Lights others and Reach light what is near it.

- **Where:** The Effects section, with a layer selected
- **Page:** a section of [Effect library](#effect-library)
- **Search terms:** primary: "light sweep shine animation" · secondary: "glow effect animation", "neon glow online"
- **Media:** [Neon sign (template)](https://app.paraplex.ai/press/media#template-neon-sign)
- **Checked against the app:** 2026-10-31

<a id="blend-modes-and-adjustment-layers"></a>
### Blend modes and adjustment layers

A full set of blend modes (Multiply, Screen, Overlay, Color dodge, Difference, Hue, Luminosity and the rest), plus Liquid glass. An adjustment layer grades every layer below it (exposure, contrast, saturation, temperature, highlights, shadows and a color wash), every value keyframeable, and leaves the layers above it untouched.

- Blend modes: Normal, Multiply, Screen, Overlay, Soft light, Hard light, Darken, Lighten, Color dodge, Color burn, Difference, Exclusion, Invert, Hue, Saturation, Color and Luminosity.
- Adjustment layer: Strength, Exposure, Contrast, Saturation, Temperature, Highlights, Shadows, and a wash color with its own opacity and blend mode.

- **Where:** Compositing › Blend mode, with a layer selected; the dock's Adjustment layer button
- **Page:** a section of [Effect library](#effect-library)
- **Search terms:** primary: "blend modes animation" · secondary: "adjustment layer online", "color grade animation"
- **Checked against the app:** 2026-10-31

<a id="film-overlays-grain-and-light-leaks"></a>
### Film overlays, grain and light leaks

8 film looks composited over the frame, from a light leak or dust to an expired 8 mm roll, each made of burn, scratches, dust and wash elements you can dial, with projector flicker and gate weave. Film grain (still or animated), bloom, contrast and saturation finish the frame, and Overlay & motion adds a moving wash of color.

- Film looks: Light leak, Film scratches, Dust, Film burn, Expired 8 mm, Dusty archive, Scratched print, Washed 16 mm.
- Grain: Motion (Animated or Still), Size, Color and Response (Film or Uniform).
- Burn, Scratches, Dust and Wash each have their own dials.

- **Where:** Scene › Filters; Menu › Overlay & motion…
- **Page:** its own page
- **Search terms:** primary: "film grain overlay" · secondary: "light leak overlay", "old film effect online", "8mm film effect"
- **Media:** [Effects on the frame](https://app.paraplex.ai/press/media#ui-still-effects) · [Expired reel (template)](https://app.paraplex.ai/press/media#template-expired-reel)
- **Checked against the app:** 2026-10-31

<a id="retro-looks-ps1-n64-and-vhs"></a>
### Retro looks: PS1, N64 and VHS

PlayStation and Nintendo 64 looks with big pixels, few colors, dithering, scanlines and wobbling low-poly edges; VHS and Bad TV in the effect library; and a Detail dial that takes any shape, or a 3D model, down to a few facets. Templates such as PS1 room, Camcorder, Y2K desktop and Frutiger Aero bubbles start from these looks.

- Console looks: PlayStation, Nintendo 64.
- Dials: Pixel, Levels, Dither, Scanline and Wobble.

- **Where:** Scene › Filters › Lens passes › Effects… (bottom of the list); Detail in a shape's settings or the Model panel's Retro
- **Page:** its own page
- **Search terms:** primary: "ps1 graphics effect" · secondary: "vhs effect online", "low poly animation", "y2k aesthetic video"
- **Media:** [Y2K desktop (template)](https://app.paraplex.ai/press/media#template-y2k-desktop) · [Frutiger Aero bubbles (template)](https://app.paraplex.ai/press/media#template-frutiger-aero) · [Camcorder (template)](https://app.paraplex.ai/press/media#template-camcorder) · [PS1 room (template)](https://app.paraplex.ai/press/media#template-ps1-room)
- **Checked against the app:** 2026-11-08

<a id="documentary-looks"></a>
### Documentary looks

Grade a whole piece in one step: Archive film (faded, warm and dusty), Newsreel (black and white, hard contrast, scratched), Analog tape (VHS noise and color bleed), Investigation (dark, cool, deep corners) or Cinematic 3D (soft, lit 3D with a gentle glow). Each look sets the grade and adds a few effects over the frame, named for it, so everything it does stays in view to adjust or delete.

- A look sets exposure, contrast, saturation, bloom, grain and the film overlay, and adds its effects, such as a vignette or a tone, under Scene › Filters › Lens passes, titled "Vignette · Archive film".
- One undo step; choosing another look replaces the first and leaves your own effects in place. The look that is on is ticked in the menu.
- Take the look off puts back the grade the piece had before the look, even after a reload, and removes the look's effects.
- The looks are tuned on real frames, so photos keep their highlights and titles stay sharp.

- **Where:** Menu › Scene looks › Documentary; or ask the assistant for a look
- **Page:** a section of [Film overlays, grain and light leaks](#film-overlays-grain-and-light-leaks)
- **Search terms:** primary: "documentary film look" · secondary: "archive film effect", "newsreel effect video", "vhs look video online", "color grade presets for video"
- **Media:** [Documentary looks](https://app.paraplex.ai/press/media#ui-still-documentary-looks)
- **Checked against the app:** 2026-11-08

<a id="shader-fills-and-animated-gradient-backgrounds"></a>
### ★ Shader fills and animated gradient backgrounds

Live generative shaders for any shape or the scene background: mesh gradients, grain gradients, noise, Voronoi, warp, swirl, waves, dot grids, metaballs, smoke ring, god rays, liquid metal, heatmap and more, every setting keyframeable. Logo shaders pour liquid metal or smoke over your own logo. The background can be a color, a linear, radial or angular gradient whose colors flow, a shader, or left out for transparency.

- Gradients: Mesh Gradient, Static Mesh Gradient, Static Radial Gradient, Grain Gradient, Color Panels.
- Noise: Simplex Noise, Perlin Noise, Neuro Noise, Voronoi, Warp.
- Shapes: Swirl, Spiral, Waves, Metaballs, Smoke Ring, Pulsing Border, God Rays.
- Patterns: Dot Grid, Dot Orbit, Dithering. Logo: Liquid Metal, Heatmap, Gem Smoke.
- Each shader has ready-made Variations; Resolution runs from 512 to 2048 px.

- **Where:** Panel Fill › Fill › Shader fill, with a shape selected; Scene › Background
- **Page:** its own page
- **Search terms:** primary: "animated gradient background" · secondary: "mesh gradient animation", "liquid metal background", "shader background generator"
- **Media:** [Voiceover with captions](https://app.paraplex.ai/press/media#voiceover-captions) · [Shader fill](https://app.paraplex.ai/press/media#ui-still-shader-fill) · [Liquid metal hero (template)](https://app.paraplex.ai/press/media#template-liquid-metal-hero)
- **Checked against the app:** 2026-10-31

<a id="custom-shaders-glsl-and-shadertoy"></a>
### Custom shaders (GLSL and Shadertoy)

Write your own GLSL fill or full-frame effect, or paste a Shadertoy, and its parameters become keyframeable controls. The Shader panel says whether the program compiles, errors point to the line in your own code, and the shape keeps its last working picture meanwhile. Save a shader as a preset to use on other shapes, or share it with the community.

- Parameters are number, color or boolean; a number takes a min, max and default.
- Writing your own is part of the editor's Full view.
- Pasting a Shadertoy shows a reminder of Shadertoy's default license.
- Presets… lists your saved shaders: Load puts one on the shape you are editing, Save over writes the open program over one, Delete takes one out.
- Publish… in Presets… shares a shader with the community, with a cover captured from the canvas. Browse community ↗ opens the shaders others have shared; Add shader shows a shader's parameters and whole program before it joins your presets.

- **Where:** Panel Fill › Shader › Your own · Custom; Scene › Filters › Add pass; the Shader panel (Save as preset…, Load preset…, Presets…)
- **Page:** a section of [Shader fills and animated gradient backgrounds](#shader-fills-and-animated-gradient-backgrounds)
- **Search terms:** primary: "shadertoy to video" · secondary: "glsl shader animation online", "custom shader motion graphics"
- **Checked against the app:** 2026-11-08

<a id="scene-looks-look-links-and-randomize"></a>
### Scene looks, look links and Randomize

Save a scene's environment, grade and film treatment as a reusable look, switch between looks in one undo, or copy a link that applies the look to whatever someone has open. Randomize rolls new values for a shape's glass or panel settings for quick variations, one undo each.

- A look carries the environment, its intensity and rotation, exposure, tone mapping, ambient occlusion, bounce light, bloom, contrast, saturation, grain and the film overlay; light layers are saved separately as lighting rigs.
- Randomize › Glass rolls IOR, dispersion, thickness, iridescence and anisotropy; Randomize › Panel rolls the bevel, corner radius and opacity.

- **Where:** Menu › Scene looks; Menu › Copy look link; Menu › Randomize
- **Page:** a section of [Design systems](#design-systems)
- **Search terms:** primary: "save color grade preset" · secondary: "share look preset", "randomize design variations"
- **Checked against the app:** 2026-11-05

<a id="audio-voice"></a>
## 14. Audio, voice and captions

Music, voiceovers and sound effects as clips on the timeline, beats marked for you, and captions timed from the voice itself.

<a id="audio-tracks-and-mixing"></a>
### Audio tracks and mixing

Add music, voiceover or sound effects (MP3, WAV, M4A and more) as layers with waveforms on the timeline: drag, trim, split, set volume, pan left to right, fade in and out, start partway into the file, or mute. Draw a sound's volume and pan over time on lanes under its row, and duck the music under a voiceover by a rule you can see and bake into points. Shape a sound, a whole bus or the master with effects: EQ drawn as a curve, compressor, reverb, delay, filter and distortion, with presets, one-click chains (Voice polish, Radio, Phone, Big room, Lo-fi) and a filter sweep you draw over time. The Mixer levels each group of sounds on its own bus, with live meters, Mute and Solo, and brings the finished piece to a loudness target (Streaming −14 LUFS, Podcast −16, Broadcast −23) under a −1 dB true-peak limiter. Every track is mixed into MP4 (AAC) and WebM (Opus) exports for pieces up to an hour, and the sound exports on its own as WAV or M4A, or as stems.

- Several sounds dropped or picked at once each get a clip and a row at the playhead, in one undo step.
- The Sound panel: Volume (0 to 100), Mute, Pan (−100 left to 100 right), Fades In and Out in seconds, Start at, and the Bus it plays through. A recorded or imported voice moved to the Voice bus gets Voice polish, and its Words section finds its words for captions and a duck that follows them.
- The Mixer (Mixer in the timeline's header, or Menu › Audio › Mixer…): a fader with a meter for each bus (Voice, Music, Effects, Video sound and up to eight of your own), pan, Mute and Solo, and each bus's color on its sounds' waveforms.
- The master: a fader, a loudness target with a true-peak limiter you hear while you work, and the loudness of the last three seconds as it plays; exports are mixed twice, to measure and then to meet the target, and report what they measured.
- Sound on its own: a mastered WAV (24-bit, 48 kHz) or M4A, or stems, a 32-bit float WAV per bus before the master, in one zip, over the same range as the video.
- Volume over time: a selected sound's Volume lane under its row, in dB over its waveform. Drag across it for a block (a dip or a swell with short ramps), drag a block's level or its ends, drag points, double-click to add one, Delete to remove; each drag is one undo step. Points live on the sound's own time, so moving, trimming or splitting the clip keeps them on the same moments.
- Pan over time on a Pan lane the same way, left to right; it opens by itself on a sound with pan points.
- Ducking: a bus ducks under another (Music under Voice by default) with Depth, Down, Back and Bridge in the Mixer; it starts down just before the first word of a generated voiceover, the drawn curve shows on the sound's Volume lane, and Bake into volume turns it into points to drag by hand.
- Adding a voiceover to a piece with music turns ducking on, with Undo in the message; pieces made before open as they sounded.
- Preferences › Scrubbing › Hear sound plays short pieces of the mix as you drag the playhead.
- Effects on a sound (the Sound panel), a bus or the master (the Mixer's FX chip, with its count): EQ (low and high cuts, two shelves, two bells, drawn as a curve you drag), Compressor, Reverb, Delay (a time or a note length at a tempo found in the piece's own sound, ping-pong), Filter (low, high or band pass) and Distortion (oversampled), and on the master a Limiter; up to eight a list, in an order you drag, each with presets and a bypass.
- Chains for the common jobs added in one click: Voice polish, Radio, Phone, Big room and Lo-fi, and Polish on the master.
- A filter's cutoff and resonance and a reverb's or delay's mix change over time on lanes under the sound, drawn like volume; the Filter's Rise preset draws a sweep into a reveal. Reverb and delay tails ring past a sound's end in the editor and the export.
- The assistant sets the mix too: bus levels, pan and mutes, new buses and the loudness target, volume and pan points and blocks, ducking (with Bake), and effects and chains with their settings and sweeps, in the chat or over MCP.
- Fades are scheduled on the audio clock in the editor, smooth at any frame rate, and the editor turns a mix down exactly as the export will when the sounds together would clip.
- Trimming a clip's start cuts the sound there, as in a video editor; Split here cuts a part out and the second half carries on in the file.
- With nothing selected, a sound's row in the timeline shows its waveform; a sound inside a group plays only while the group's clip does.
- Transparent WebM keeps its sound; GIF and PNG sequences have none.

- **Where:** Dock › Audio track; Menu › Audio › Add audio clip…; drop sound files on the canvas, the Layers panel or the timeline
- **Page:** a section of [Video export (MP4 and WebM)](#video-export-mp4-and-webm)
- **Search terms:** primary: "add music to animation" · secondary: "animation with sound online", "add audio to motion graphics"
- **Media:** [Scored in Paraplex](https://app.paraplex.ai/press/media#showcase-sound-film) · [Mixer](https://app.paraplex.ai/press/media#ui-still-mixer)
- **Checked against the app:** 2026-11-08

<a id="beat-detection-and-music-sync"></a>
### Beat detection and music sync

Select a music track and Detect beats drops a marker on every beat and reports the tempo; clips then snap to the markers, so titles and cuts land on the drum hits. Ask the assistant to key anything to the beat, or for a beat bed with a marker on every hit already.

- Detect beats follows the music's pulse, one marker a beat even where a hi-hat plays four to it or a beat falls on a rest; music with no steady beat gets a marker on each hit instead.
- Shift and an arrow key jump the playhead to the marker before or after, to set keyframes on a beat.
- A glass tube's Pulse to the beat keys its Pulse to swell on every hit of the music in the scene.
- The assistant keys a setting to jump on each beat and settle before the next, from the scene's music or a tempo you give it.
- The Logo match cut template hard-cuts a run of pictures behind a logo that never moves, at a rhythm you set, recoloring the logo on each cut so it stays readable.

- **Where:** Menu › Audio › Detect beats…, or Detect beats in the quick-actions strip; markers in the timeline's header
- **Page:** its own page
- **Search terms:** primary: "sync animation to music beat" · secondary: "beat detection video editor", "cut to the beat online", "logo match cut"
- **Media:** [Louder (template)](https://app.paraplex.ai/press/media#template-louder)
- **Checked against the app:** 2026-11-08

<a id="ai-voiceovers-with-word-by-word-captions"></a>
### ★ AI voiceovers with word-by-word captions

Type a script, pick a voice from a shelf of ten, each with a sample to hear, a speech model and a pace, and Paraplex adds the voiceover at the playhead on the Voice bus, with a caption on each word timed from the voice itself. If the piece has music, the music ducks under the voice in the same step, with Undo in the message. Caption styles include Shorts (two words, big and bold), Documentary, Subtitle and Spoken, where each word lights up as it is said. Templates such as The AI ROI gap and Voice AI launch are built this way.

- Speech models: Expressive (the most natural read), Turbo, Multilingual (29 languages) and Flash (the fastest).
- The voice shelf: ten voices, each with two words on how it sounds and a sample to hear before choosing. Find a voice searches the whole list; with your own ElevenLabs key, your cloned and saved voices appear too.
- Record your own: a 3, 2, 1 count, then a prompter that lights each word of the script at speaking pace. Hear the take, record again, then add it with captions timed to your own words.
- Clean up takes the room and the noise out of a recording of 4.6 seconds or more, leaving the voice.
- A recorded or imported voice gets Voice polish (an EQ and a compressor) on the Voice bus by default, and Find the words in its Sound panel times its words for captions and a duck that follows them.
- Pace runs from 0.7 to 1.2 times the voice's own speed. Untick Captions, on each word for the voice alone, or pick the caption style beside it.
- A long script, up to 50,000 characters or about 55 minutes, is read in parts at its paragraph breaks and lands back to back as Voiceover 1 of N under one captions layer; the piece grows to hold it.
- The duck starts just before the first word and follows the voice's own word timing; turn it off or change it in the Mixer.
- The assistant makes voiceovers too, with the same voices, models and caption styles, in the in-app chat or from a connected agent.
- Sound effects and music are made in the Sounds panel, and a score written to the piece in Score this piece.

- **Where:** Press and hold the dock's Audio track › Voiceover · with captions on each word…, which opens the Voiceover window
- **Page:** its own page
- **Search terms:** primary: "ai voiceover video" · secondary: "text to speech video maker", "word by word captions", "narrated explainer video maker"
- **Media:** [Voiceover with captions](https://app.paraplex.ai/press/media#voiceover-captions) · [Voiceover](https://app.paraplex.ai/press/media#ui-still-voiceover) · [Record your own voice](https://app.paraplex.ai/press/media#ui-still-voice-record) · [Why it sells (template)](https://app.paraplex.ai/press/media#template-beauty-explainer) · [The AI ROI gap (template)](https://app.paraplex.ai/press/media#template-ai-roi-gap) · [Whiteboard explainer (template)](https://app.paraplex.ai/press/media#template-whiteboard-explainer)
- **Checked against the app:** 2026-11-08

<a id="ai-sound-effects-and-music"></a>
### Sound effects for the motion, and AI music

A built-in library of more than 60 sounds made for motion (whooshes, pops, clicks, risers, impacts, typing, ticks, glitches and more), each heard in place with the scene before it is added. Right-click a layer that moves and Paraplex suggests the sound for each of its motions: a whoosh centered on a slide, a riser then an impact as a logo lands, a tick on each chart bar. Or describe a sound or a music bed and make up to four takes side by side, each with a waveform, kept in Recent and Favorites, which follow your account when you're signed in.

- Play hears a sound in place: the scene plays from a second before it lands, with the sound mixed in, then the playhead goes back. Nothing is added until Use.
- A sound lands on the Effects bus, its clip as long as the sound, just above its layer in the Layers panel; Add all places every suggestion in one undo step.
- Made sounds: Loop for seamless beds, a Closer to the words or More varied slider, and 1 to 4 takes made in the background, each with its own progress; a made sound's Another take swaps a new one into the same place.
- Music can be made Instrumental, and starts at the beginning of the piece.
- The assistant adds sound design over the in-app chat or a connected agent at Subtle, Balanced or Punchy, from the library; sounds made from words wait for an OK first.

- **Where:** The Sounds panel: press and hold the dock's Audio track › Sound library…, Sound effect from words… or Music from words…; Menu › Audio › Sounds…; or right-click a layer › Add sound to this animation…
- **Page:** a section of [AI voiceovers with word-by-word captions](#ai-voiceovers-with-word-by-word-captions)
- **Search terms:** primary: "ai sound effects generator" · secondary: "sound effects for motion graphics", "ai music for video", "text to sound effect", "free whoosh sound effects"
- **Media:** [Scored in Paraplex](https://app.paraplex.ai/press/media#showcase-sound-film) · [Sounds panel](https://app.paraplex.ai/press/media#ui-still-sounds)
- **Checked against the app:** 2026-11-08

<a id="music-scored-to-the-picture"></a>
### Music scored to the picture

Music written to the piece rather than laid under it. Paraplex reads the piece's chapters, cuts, the product coming in, hit markers and the logo landing, splits it into parts at those moments, and Claude writes what the music does in each from the parts and a few frames: quiet under the voice, building to the reveal, a hit as the logo lands. The plan is shown and editable before anything is made, and the score lands on the Music bus with its parts drawn on its clip, a marker on each part and beat, ducked under the voice.

- Seven moods to start from (Uplifting, Cinematic, Minimal tech, Playful, Tense, Lo-fi, Corporate), notes of your own, and Instrumental by default.
- Each part's length comes from the picture, 3 seconds to 2 minutes; a score runs up to 10 minutes, and past 3 it is written in stretches that each continue the music from the one before, joined into one file.
- Add a hit at the playhead: a named marker the score accents, and starts a part on when it can.
- One undo step takes the score, its markers and its duck off together; the score is kept in Recent like any take.
- When the cut changes, the score's Sound panel says what moved, and Rewrite to fit makes it again with the same words at the new times, in its place.
- Rewrite only this: change one part's words and only that part is written again, to fit between the others, crossfaded in; the rest of the score stays exactly as it was.
- The assistant scores a piece over the in-app chat or a connected agent: it shows the plan and waits for an OK before making it.

- **Where:** Menu › Audio › Score this piece…; press and hold the dock's Audio track › Score this piece · music written to its cuts…; or the Sounds panel's Music tab
- **Page:** a section of [AI voiceovers with word-by-word captions](#ai-voiceovers-with-word-by-word-captions)
- **Search terms:** primary: "ai music scored to video" · secondary: "ai soundtrack for video", "music that fits the cut", "ai film score generator", "music synced to video edits"
- **Media:** [Scored in Paraplex](https://app.paraplex.ai/press/media#showcase-sound-film) · [Score this piece](https://app.paraplex.ai/press/media#ui-still-score)
- **Checked against the app:** 2026-11-08

<a id="captions-and-subtitle-files"></a>
### Captions and subtitle files

Captions made from a voiceover's own word timing, or by the assistant from an SRT file or a script at speaking pace. Export any piece's captions as SRT or WebVTT for YouTube and other players.

- Caption styles: Shorts, Documentary, Subtitle and Spoken.
- Each caption in the piece is one cue with its start and end time; SRT suits YouTube, LinkedIn and Vimeo, VTT a video's track on your own page.
- With nothing selected, the first captions layer in the piece is exported.

- **Where:** Menu › Export captions (SRT)… or Export captions (VTT)…
- **Page:** its own page
- **Search terms:** primary: "add captions to animation" · secondary: "export srt subtitles", "animated captions for shorts", "tiktok style captions"
- **Media:** [Voiceover with captions](https://app.paraplex.ai/press/media#voiceover-captions) · [Make clips, a talk made vertical](https://app.paraplex.ai/press/media#make-clips) · [Why it sells (template)](https://app.paraplex.ai/press/media#template-beauty-explainer)
- **Checked against the app:** 2026-10-31

<a id="ai-assistant"></a>
## 15. AI assistant

An assistant that builds and edits your scene with the editor's own building blocks, shows you what it made, and waits for you to apply it. Everything it makes is ordinary layers and keyframes.

<a id="ai-motion-design-assistant"></a>
### ★ AI motion design assistant

Describe a scene, a change or an animation and the assistant builds it in your scene with the editor's own building blocks: it adds and arranges layers, writes keyframes and camera moves, sets materials, charts data and does the sound, with 161 tools. Every turn works on a copy and waits for you to Apply or Discard, and one undo takes back a whole applied turn, however much it built. Everything it makes stays ordinary layers, keyframes and sounds you can edit by hand.

- Each reply lists the steps it took as chips, the skills it read, and the frames it checked.
- The composer locks until you Apply or Discard the turn.
- When it could go more than one way, it asks first, with its choices as buttons under the reply.
- Its Create items start a message for an Image, Icon, Overlay, Texture, Background or 3D model, and Variations… opens the scene restyled several ways side by side.
- Sound: sound effects from the built-in library or made from words, a sound design pass across the whole piece (Subtle, Balanced or Punchy), music, and a score written to the piece's cuts.
- The mix: each bus's level and pan, the master's loudness target, volume and pan drawn over time, music ducked under the voice, and effects on sounds, buses and the master.
- A sound design pass made from words, and a score, show their plan first and wait for your OK before anything is made.
- Documentaries: it lays a script out as chapters and beats, builds each beat's picture inside it, pans archive photos, calls out the words a voice quotes, counts dates and sets one documentary look for the whole piece.
- A row of prompt ideas scrolls above the empty message box; click one to start from it.
- A big build that runs out of time or steps pauses and keeps what it built; reply "continue" to carry on.

- **Where:** Assistant at the left end of the dock, Ask the assistant at the end of any search (⌘K), or right-click a layer › Ask the assistant about this…
- **Page:** its own page
- **Search terms:** primary: "ai motion design tool" · secondary: "ai animation assistant", "ai motion graphics generator", "claude animation", "ai sound design for video"
- **Media:** [The assistant builds it](https://app.paraplex.ai/press/media#ui-ai-builds) · [Every layer the AI makes is yours](https://app.paraplex.ai/press/media#ui-ai-editable) · [Black box, glass box](https://app.paraplex.ai/press/media#glass-box-vs-black-box) · [The assistant at work (home loop)](https://app.paraplex.ai/press/media#pillar-ai)
- **Checked against the app:** 2026-11-08

<a id="build-from-reference-images-and-videos"></a>
### Build from reference images and videos

Attach a photo, screenshot, still or video to a message and the assistant builds from it instead of from a description alone. A video is read as a storyboard of evenly spaced, time-labeled frames, so it can follow the reference's timing. Each picture's main colors and its shape are measured as you attach it, so the rebuild starts from the reference's own colors and frame. A reference stays with the chat after you send it, so later messages like "closer to the reference" still see it. The assistant can also read exact colors from any point or area of a reference, and lift what can't be rebuilt, such as a product photo, a logo or a person, into the scene as a picture, with its background taken away if you ask. To check its work, it sets its frame beside the reference or lays the reference over it, shows you the comparison under its reply, and fixes what differs most. Send two or more pictures as storyboard frames, each at a time you set, and it builds the first and animates to the rest: what carries over moves, what is new enters, what is gone leaves, a change of view becomes a camera move and a different shot a cut. Or, with AI video from first to last, an AI video model makes a clip that moves from the first picture to the last, landing as a video layer. Design tokens and brand kits can be attached the same way.

- Up to 16 references in a chat; each one sent shows as a kept chip above the message box, and its × lets it go.
- Measured on attach: up to six main colors with the share of the picture each covers, and the shape as a ratio such as 16:9 or 4:5.
- Lifted parts land like a dropped picture: on a card's face, on a device's screen, or as a layer of their own; a cut-out lands as a see-through layer.
- Comparisons are side by side or overlaid, at any moment of the piece, with a color match and the parts of the frame that differ most measured from the pixels.
- Storyboard frames start 2 seconds apart; change any frame's time on its chip, and the frames after it follow. The piece runs a beat past the last frame.

- **Where:** The + beside the assistant's message box › Reference image…, Reference video…, Design tokens… or Brand kit…
- **Page:** its own page
- **Search terms:** primary: "recreate animation from video reference" · secondary: "ai copy motion design from video", "image to animation ai"
- **Media:** [Kept references](https://app.paraplex.ai/press/media#ui-still-assistant-kept-references) · [A reference lifted, cut out](https://app.paraplex.ai/press/media#ui-still-assistant-lift-reference) · [A frame beside its reference](https://app.paraplex.ai/press/media#ui-still-assistant-compare-reference) · [Pictures as storyboard frames](https://app.paraplex.ai/press/media#ui-still-assistant-storyboard)
- **Checked against the app:** 2026-11-07

<a id="director-mode"></a>
### Director mode

For bigger pieces, Director mode has the assistant write a plan and a storyboard of stills for you to approve, then build the piece section by section, checking each one as it goes. It doesn't build until you choose, from options such as Build it, Change the look, Change the pacing or Start over.

- **Where:** The Director switch under the assistant's message box
- **Page:** a section of [AI motion design assistant](#ai-motion-design-assistant)
- **Search terms:** primary: "ai storyboard to animation" · secondary: "ai video director", "storyboard to motion graphics"
- **Checked against the app:** 2026-10-31

<a id="assistant-checks-its-own-work"></a>
### The assistant checks its own work

After building, the assistant renders the piece at up to six moments and looks at the frames, checking that everything is in frame, type is readable and key moments land, then fixes what it finds. When a decision is genuinely yours (a direction, a mood), it stops and offers you a short set of choices.

- **Page:** a section of [AI motion design assistant](#ai-motion-design-assistant)
- **Search terms:** primary: "ai that reviews its own design" · secondary: "ai design feedback loop"
- **Checked against the app:** 2026-10-31

<a id="feedback-threads-and-point-at-it"></a>
### Feedback threads and Point at it

Point at it lets you click layers on the canvas, or drag a box over part of the frame and send that picture, so requests like "make these three the same width" are unambiguous. Leave comments on layers as threads in the assistant's Feedback tab, the record of each round of changes, and send a thread to the assistant when you're ready.

- Right-click the Scene row › Feedback for the assistant… for notes on the whole scene.
- Threads can be replied to, sent with Ask, marked done or deleted; layers with open threads show a count in the Layers panel.

- **Where:** ⌖ (Point at it) beside the assistant's message box; right-click a layer › Comment…; the assistant's Feedback tab
- **Page:** a section of [AI motion design assistant](#ai-motion-design-assistant)
- **Search terms:** primary: "ai design feedback" · secondary: "comment on animation layers", "point and edit ai"
- **Checked against the app:** 2026-10-31

<a id="assistant-skills"></a>
### Assistant skills

Skills are instructions the assistant reads when a task calls for them, in the same SKILL.md format Claude Code uses. Paraplex ships 19, from motion fundamentals and camera language to whole-piece recipes, and you can add your own: upload one, paste it, create one from your brand, or have the assistant write it. Pin a skill for one message or for every turn in a project.

- Built-in skills: motion-fundamentals, typography-in-motion, camera-language, editing-and-rhythm, look-and-color, paraplex-recipes, logo-match-cut, documentary-shorts, solid-modelling, motion-craft-in-paraplex, emil-design-eng, animate, review-animations, animation-vocabulary, apple-design, find-animation-opportunities, pick-ui-library, prototype, improve-animations.
- Add your own: Upload skill (.zip), Upload skill folder, Paste SKILL.md, Create from brand…, Create with the assistant….
- Create from brand… writes a skill from a design system and up to three projects that move the way the brand does, optionally extracting their motion profile.
- Export saves any skill as a .zip. Your own skills follow you to any browser you sign in on.
- Browse skills opens the site's Skills pages; community skills can be added to your assistant after you read their full text.
- Publishing your own skill to the community goes through a review before it is listed: it shows In review until then, and a skill that isn't listed says so, with the reviewer's note in your notifications.

- **Where:** The Skills tab in the assistant's header
- **Page:** its own page
- **Search terms:** primary: "teach ai your brand style" · secondary: "agent skills", "ai brand guidelines for video", "skill.md"
- **Checked against the app:** 2026-11-05

<a id="dictation-and-model-choice"></a>
### Dictation and model choice

Speak a prompt instead of typing it (the app says plainly that the browser sends the audio to its own speech service). Choose which Claude model the assistant runs on and how much effort it spends, from the pill beside the send button.

- Models: Claude Opus 5.5 (the default), Claude Fable 5.2, Claude Opus 5, Claude Sonnet 5.5, Claude Haiku 5.5.
- Effort runs from Low to Max on every model, Medium by default.
- Dictation appears only in browsers that offer speech recognition.

- **Where:** 🎙 beside the message box; the model pill beside the send button
- **Page:** a section of [AI motion design assistant](#ai-motion-design-assistant)
- **Search terms:** primary: "voice prompt animation" · secondary: "dictate design changes", "choose claude model"
- **Checked against the app:** 2026-11-10

<a id="connect-an-ai-agent"></a>
### ★ Connect an AI agent (Claude Code)

Add the Paraplex MCP server to Claude Code with one command, then connect your open Paraplex tab with a port and a six-digit code. The agent builds and changes your scene with the assistant's tools, looks at frames and review sheets as it goes, and exports, all in your tab, each change one undo step, with a banner showing while it is connected.

- Install: `claude mcp add paraplex -- npx -y paraplex-mcp` (the paraplex-mcp package on npm, also listed on the MCP Registry). Needs Node.js 18 or newer.
- The server runs on your own computer; the agent reaches only what you're signed in to in the connected tab.
- It can start a blank file or open a template, build a whole piece in one step, undo and redo, and make a review sheet that calls out anything past the frame, small or low-contrast type and jumpy motion.
- It can send in files as if dropped on the canvas: pictures, video, sound, 3D models, Lottie, Figma frames, SVG and fonts.
- Exports take any of the Export section's choices for that one export; long videos come through whole.
- It can list and open your projects, apply a design system, read and save skills, render data variants, and bring in HyperFrames projects or Remotion compositions it wrote.
- It does the sound as the in-app assistant does: voiceovers, sound effects and a sound design pass, music and a score written to the cuts, the mix, volume and pan over time, ducking and audio effects.
- Works in Chrome, Edge and Arc; other browsers may not let a website reach your own computer.

- **Where:** Menu › Connect an agent…
- **Page:** its own page
- **Search terms:** primary: "claude code motion graphics" · secondary: "mcp server animation", "ai agent design tool", "paraplex mcp"
- **Media:** [Connect an agent](https://app.paraplex.ai/press/media#ui-still-connect-agent)
- **Checked against the app:** 2026-11-08

<a id="use-your-own-api-keys"></a>
### Use your own API keys

Add your own keys so the assistant and the generate tools run on your own accounts with those services. Keys stay in your browser: they're never saved in projects or uploaded to your account, and with your Anthropic key the assistant talks to Anthropic straight from your browser.

- Anthropic: the assistant. ElevenLabs: voiceovers, sound effects and music.
- Google (Gemini): pictures. OpenAI: pictures with a transparent background. Recraft: icons and illustrations as vectors.
- fal: Render with AI and Animate a picture. Tripo: 3D models. World Labs: rooms.
- Each key is checked with its service when you save it.

- **Where:** Account window › API keys
- **Page:** a section of [AI motion design assistant](#ai-motion-design-assistant)
- **Search terms:** primary: "bring your own api key" · secondary: "use anthropic api key in app", "own elevenlabs key"
- **Checked against the app:** 2026-10-31

<a id="ai-generation"></a>
## 16. AI generation

Make pictures, 3D models, walkable rooms and video clips from a description, right inside a scene, and cut a long video into short vertical clips. Everything arrives as ordinary layers you can place, light and animate.

<a id="generate-images"></a>
### Generate images

Describe a picture and choose what it's for (Placeholder, Photo, Background, Texture, Overlay, Icon or Illustration); each is tuned and stored at a size for that job. The picture lands as a new layer, or on the selected shape, model or device screen. Icons and illustrations come back as real SVG vectors, overlays keep their transparency, and textures are square and seamless.

- Pick what it's For and its Shape; descriptions run to 2,000 characters.
- The assistant uses the same generator when you ask it for a picture.

- **Where:** Generate image (or Generate icon, texture, overlay) in the quick-actions strip, or press and hold the dock's Image button › Generate from text…
- **Page:** its own page
- **Search terms:** primary: "ai image generator for video" · secondary: "ai icon generator svg", "ai texture generator", "ai light leak overlay"
- **Checked against the app:** 2026-11-05

<a id="generate-3d-models-from-text"></a>
### Generate 3D models from text

Describe an object and get a real 3D model layer in about 30 seconds to a few minutes, lit, turned and animated like any other model. Generated models are kept under Your models in the Library to reuse in other projects.

- Good at props, set dressing, characters and organic shapes; poor at exact sizes, text and crisp mechanical detail.

- **Where:** Generate 3D model in the quick-actions strip, or press and hold the dock's 3D model button › Generate from text…
- **Page:** its own page
- **Search terms:** primary: "text to 3d model" · secondary: "ai 3d model generator", "generate 3d object from text"
- **Checked against the app:** 2026-10-31

<a id="generate-walkable-3d-rooms"></a>
### Generate walkable 3D rooms

Make a 3D place from a description, a photo, a 360° panorama, or both, in Draft (under a minute), Standard (about five minutes) or Large. The room arrives as a Gaussian splat world with a hidden collider for its floor and walls, its panorama lighting the scene from Standard up, and the camera starts inside it, ready to walk through with W A S D in Preview and embeds.

- The room is measured in meters, with the camera at eye height.
- Start from a picture… takes a photo or a 360° panorama.

- **Where:** Generate room in the quick-actions strip, or ask the assistant
- **Page:** its own page
- **Search terms:** primary: "ai 3d world generator" · secondary: "photo to 3d room", "360 panorama to 3d", "ai virtual tour"
- **Checked against the app:** 2026-10-31

<a id="render-with-ai"></a>
### ★ Render with AI (video-to-video restyle)

Take 5 or 10 seconds of your scene and have an AI video model restyle it to match a description, photoreal or painted, while it keeps your layout and motion. The render lands as a video layer over the same stretch, and hiding it shows the scene it came from.

- Qualities: Draft, Standard, Best 720p, Best 1080p.
- Keep to the scene (for Draft and the Best qualities): Close, Balanced or Loose.
- A render carries on after Stop waiting and lands when it's done, even after a reload.
- Rendering again leaves earlier renders out of the guide, so you restyle the scene, not the last render.

- **Where:** Render with AI in the quick-actions strip, or Menu › Render with AI…
- **Page:** its own page
- **Search terms:** primary: "ai video to video" · secondary: "restyle animation with ai", "ai render 3d scene", "photoreal ai render"
- **Media:** [Render with AI, before and after](https://app.paraplex.ai/press/media#render-with-ai) · [Render with AI](https://app.paraplex.ai/press/media#ui-still-render-with-ai)
- **Checked against the app:** 2026-11-08

<a id="animate-a-picture"></a>
### Animate a picture with AI

Turn any still, the frame at the playhead or a picture file into a 5 or 10 second video clip that moves the way you describe, at Draft, Standard, Best 720p or Best 1080p. Give it a last frame too, your scene's frame at the end of the clip or another picture, and the model fills the motion between the two. The clip lands as a video layer from the playhead, to place, frame and time like any other.

- First frame: the frame at the playhead, the selected picture, or a file (PNG, JPEG or WebP)
- Last frame (optional): none, the scene's frame at the end of the clip, or a file
- The clip is a video, not editable layers; to rebuild pictures as an editable scene, send them to the assistant as storyboard frames

- **Where:** Right-click a layer with a picture › Animate this picture with AI…, Render with AI › Animate a picture, or the assistant's AI video from first to last, with two or more pictures attached
- **Page:** its own page
- **Search terms:** primary: "image to video ai" · secondary: "animate photo with ai", "ai photo animation"
- **Media:** [Animate from a first frame to a last](https://app.paraplex.ai/press/media#ui-still-animate-first-last)
- **Checked against the app:** 2026-11-08

<a id="make-clips-from-a-long-video"></a>
### ★ Make clips from a long video

Turn a talk, an interview or a podcast into short vertical clips. Paraplex transcribes the video, with who speaks and where people laugh or clap, and Claude picks the moments that stand on their own, each with a hook, cut on word edges with the long pauses taken out. Each moment becomes its own 1080 × 1920 project, framed to follow the person on screen if you choose, with captions timed to the words, the hook over the first seconds, sound effects on cue words, push-ins on key words and a light leak at each cut. Every clip is ordinary layers and keyframes, so you can change anything, and Render sends them all to the Render Queue, each file named for its clip.

- How many clips: 3, 5, 8 or 12; how long each runs: 15–30 s, 30–60 s or 60–90 s
- Each moment shows its title, length, score, hook, the stretches it is cut from, why it was chosen and whether it needs context; Play previews it from the source
- Framing: Fit over a blurred copy of the video, Fill the frame, or Follow faces; captions: Shorts, Documentary, Subtitle or None
- Follow faces finds the faces on your computer and keeps the vertical frame on the person, holding still while they move a little, easing across when they move and cutting with the video; the framing is keyframes you can change
- Ticks for the hook, sound effects on cue words, push-ins on key words and light leaks at the cuts
- Sound effects come from the built-in sound library, on the effects bus, each timed to land on its word
- The transcript and the moments are kept in the browser, so opening them again is instant

- **Where:** Menu › Make clips from a video…: pick a video, Transcribe, then Find moments; on the moments, Play, Open, tick them and Save them as projects or Render them
- **Page:** its own page
- **Search terms:** primary: "ai clip maker from long video" · secondary: "turn podcast into shorts", "video to shorts ai", "auto clip long video", "repurpose video for tiktok", "auto reframe video to vertical"
- **Media:** [Make clips, a talk made vertical](https://app.paraplex.ai/press/media#make-clips)
- **Checked against the app:** 2026-11-08

<a id="interactive-embed"></a>
## 17. Interactivity, publish and embed

Publish a piece and it plays live on any website: not a video, but the scene itself, answering hover, click, drag and scroll.

<a id="interactive-web-embeds"></a>
### ★ Interactive web embeds

Publish embed gives you a two-line snippet that puts the live piece on any website, playing in real time and answering hover, click, drag and scroll. It plays while on screen, pauses when scrolled away, holds its first frame for visitors who ask for less motion, and code layers inside it run live and respond to the pointer.

- The snippet loads the player once (embed.js) and places the piece as a <paraplex-scene> element that fills its width and keeps its shape.
- The embed plays in a lightweight player of its own, not the editor.
- Scrolling: None (plays on its own), While in view, or Whole page.
- What viewers can do (turn the view, orbit, drag, hover, click, the control bar) is read from the scene.
- Each publish sends the scene's first frame as the embed's poster.
- Open the viewer shows the piece on its own page; Copy shareable link publishes it as a page and copies the address.
- Optionally list it in the community gallery, with a description, tags and permission to clone.
- Embeds can pick an artboard by page width, so one piece fits desktop and mobile layouts.

- **Where:** Share › Publish embed…, or Menu › Publish embed…
- **Page:** its own page
- **Search terms:** primary: "interactive 3d web embed" · secondary: "embed animation on website", "spline alternative embed", "interactive hero section"
- **Media:** [Glass box embed, in use](https://app.paraplex.ai/press/media#embed-glass-box) · [An embed with its own controls](https://app.paraplex.ai/press/media#embed-drift-controls) · [Fisheye work wall (template)](https://app.paraplex.ai/press/media#template-fisheye-work-wall)
- **Checked against the app:** 2026-11-08

<a id="manage-published-embeds"></a>
### Update and manage published embeds

Change a piece after it's on your site: Update live embed puts the open scene under the same address, so every page showing it gets the new version with no new snippet. Modify original opens one of your live embeds in the editor with a bar to update it in place, and your profile lists your embeds with their views this month and in total.

- Each card on your profile has Edit details, Modify original, Copy embed code, Show in or Remove from Community, and Delete, which warns that pages showing the embed will break.
- Your profile's Embeds section is private to you.

- **Where:** Share › Publish embed… (Update live embed); your profile's Embeds section (Modify original, Copy embed code, Delete)
- **Page:** a section of [Interactive web embeds](#interactive-web-embeds)
- **Search terms:** primary: "update embedded animation without changing code" · secondary: "embed view count", "manage website embeds"
- **Checked against the app:** 2026-10-31

<a id="embed-controls"></a>
### Embed controls: let viewers turn the dials

Offer a few of a layer's own dials to whoever views the embed, drawn as a slider bar under the scene in the editor's style: a ribbon's shape and complexity, a blob's dials, glass refraction and dispersion. Sliders glide, a shape choice morphs, Reset brings the scene back, and nothing a viewer changes is saved.

- Up to eight dials per layer; each can narrow its range, rename itself or offer fewer options.
- The assistant can set the same list.
- The embed grows by the bar's height; Show the control bar under the scene in the publish dialog (or controls="none" on the element) hides it.

- **Where:** A layer's Behaviors section › In the embed
- **Page:** a section of [Interactive web embeds](#interactive-web-embeds)
- **Search terms:** primary: "interactive animation with sliders" · secondary: "embed with controls", "configurable 3d embed", "live playground embed"
- **Media:** [An embed with its own controls](https://app.paraplex.ai/press/media#embed-drift-controls)
- **Checked against the app:** 2026-10-31

<a id="hover-and-click-behaviors"></a>
### Hover and click behaviors

Give layers hover and click states (their own properties changing over a duration, springs included) and click actions: go to a time, play a range, play or pause, open a link, or take the viewer to a hotspot. Layers can be dragged freely, along an axis or along their plane, or turned with a drag that coasts to rest; particles can scatter from the pointer, and every interactive layer gets a keyboard-focusable stand-in so it can be reached with Tab and Enter.

- **Where:** A layer's Behaviors section
- **Page:** its own page
- **Search terms:** primary: "hover animation no code" · secondary: "interactive button animation", "click animation website", "3d hotspots"
- **Checked against the app:** 2026-10-31

<a id="state-machines"></a>
### State machines

Build pieces that answer the viewer in states: each state is a stretch of the timeline that loops (an idle), plays once and holds (a press), or holds a pose. Transitions fire on a click, the pointer arriving or leaving, a state finishing, a delay, or an input sent by the host page, in Preview, share links and embeds.

- **Page:** its own page
- **Search terms:** primary: "interactive animation state machine" · secondary: "rive alternative", "lottie state machine alternative"
- **Checked against the app:** 2026-10-31

<a id="scroll-driven-animation"></a>
### Scroll-driven animation

Let the visitor's scrolling drive the timeline, so a piece plays forward and back as they scroll the page, with no code: while the piece is in view, or across the whole page. Preview mode stands in for a viewer's scroll so you can test it before publishing.

- **Where:** Share › Publish embed… › Scrolling; Preview › Scroll
- **Page:** its own page
- **Search terms:** primary: "scroll animation no code" · secondary: "scroll triggered 3d animation", "scrollytelling tool"
- **Checked against the app:** 2026-11-08

<a id="viewer-camera-and-preview-mode"></a>
### Viewer camera and Preview mode

Preview lets you try a piece as a viewer would, with hover, click, drag and scroll working. Choose how viewers move the camera: Orbit, Look around (like a panorama), Walk (W A S D or arrows, Shift to run, stopping at walls) or Fixed, and hold an orbit within 15, 30 or 45 degrees so the view can't turn away from the piece.

- **Where:** Preview in the top bar › Camera and Range
- **Page:** a section of [Interactive web embeds](#interactive-web-embeds)
- **Search terms:** primary: "orbit camera embed" · secondary: "first person walkthrough web", "360 look around embed"
- **Media:** [Glass box embed, in use](https://app.paraplex.ai/press/media#embed-glass-box)
- **Checked against the app:** 2026-10-31

<a id="embed-api"></a>
### Embed API: fill-in slots, themes and inputs

A host page can fill an embedded piece in by layer name (a headline's words, a counter's final number, a color, a picture), so one promo serves many pages with their own text and photos. It can also switch the palette's theme (for example Light or Dark) live, send inputs to a state machine, and choose what scroll drives it; the same fills work as link parameters.

- Attributes: src, scroll (section, page or none), aspect, theme, slots, title, controls.
- setSlots() and input() from the page's own code.
- Up to 64 slots, up to 4,000 characters of text each; nothing is saved.
- Longer words than the piece's own widen the plain pill, button or tag behind them, so they stay inside it.

- **Page:** its own page
- **Search terms:** primary: "personalized animation embed" · secondary: "dynamic text in embedded animation", "dark mode animation embed"
- **Checked against the app:** 2026-11-08

<a id="responsive-embeds"></a>
### Responsive embeds

Give artboards a breakpoint and one embed shows a different layout at different page widths: side by side on a desktop, stacked on a phone. The embed measures the width it's given and switches as the page resizes.

- **Where:** An artboard's ⋯ menu › Breakpoint…
- **Page:** a section of [Responsive artboards](#responsive-artboards)
- **Search terms:** primary: "responsive animation embed" · secondary: "mobile and desktop animation", "breakpoints for embedded animation"
- **Checked against the app:** 2026-11-08

<a id="brand-systems"></a>
## 18. Brand systems and reuse

Keep a brand's colors, type, materials and motion in one place, and build with reusable components and titles that follow every change to their original.

<a id="design-systems"></a>
### ★ Design systems

Keep a brand's colors, fonts, text styles, materials, scene look and motion as a design system in your Library, and apply it to any project in one step. Paraplex comes with 10 of its own (Glass on black, Chrome studio, Kelvin, Aero, Editorial, Fluo, Infrared, Maison, Broadsheet, Chartroom), each with a page showing its palette, type, materials and motion. Restyle moves the open scene onto a system in one step (its colors, its type and its look), Apply with AI has the assistant rework a scene in your brand, and a system's visual assets (logos, pictures, icons and films) sit in its own folder in the Assets panel, ready in any project.

- Save from this project makes a system from the open project; Import tokens… makes one from a design-token file or a brand kit.
- Use in project adds a system to the project by name: layers linked to a color of the same name take the system's value. Restyle goes further and moves the whole scene onto it.
- Skill… writes an assistant skill from the brand so the assistant knows it.
- Visual assets: link a folder of the Assets panel to a system, or Menu › Design system › Brand assets…; each system's page on the site ends with its Visual assets.
- A system carries its effects with the settings the brand uses them with, first in the Effects window in any project that follows it; Paraplex's systems come with two each. Add one to your own system from the Effects panel with Add to (system).

- **Where:** Menu › Design system; Menu › Library… › Design systems
- **Page:** its own page
- **Search terms:** primary: "brand kit for motion graphics" · secondary: "design system animation", "on brand video templates"
- **Media:** [Design systems](https://app.paraplex.ai/press/media#ui-still-design-systems) · [A design system's effects](https://app.paraplex.ai/press/media#ui-still-effects-design-system) · [Haven: System (template)](https://app.paraplex.ai/press/media#template-brand-identity-system)
- **Checked against the app:** 2026-11-11

<a id="restyle-in-a-design-system"></a>
### Restyle in a design system

Restyle moves a whole scene onto a design system in one step, with no assistant involved: its colors go to the system's background, surface, text and accent colors by the part each plays, its words take the system's type, and the scene takes the system's light and texture, while the layout, pictures, models and motion stay as they were. Words are kept readable: text that would be hard to read against what is behind it takes the system's background or text color instead.

- Colors with a hue are grouped and ranked by how much the scene uses them, each group taking the system's next accent; a color that lands on one of the system's is linked to it, so the layer follows the system from then on.
- Each text takes the font, weight, tracking and leading of the system's text style nearest its size; its size and place stay.
- Legibility is checked at three moments while each text is on screen; words set on a picture, a video or a 3D model keep their own color.
- The system's look brings its environment, grain and overlay, not its color grade or bloom.
- One undo puts the scene back.
- A connected AI agent can restyle the open scene in a system too, and so can a render through the Paraplex API.

- **Where:** Menu › Design system › Restyle the scene in (the project's system); Menu › Library… › Design systems › Restyle on any system, Paraplex's or yours; on the home page, a Template with a Design system chosen
- **Page:** a section of [Design systems](#design-systems)
- **Search terms:** primary: "restyle video in brand colors" · secondary: "apply brand to animation template", "rebrand video template", "recolor template to brand"
- **Checked against the app:** 2026-11-07

<a id="style-variations"></a>
### Style variations

Variations restyles a scene several ways at once and lays the results side by side, so you can compare looks before choosing one. Each card is a different mix of the brand's choices: a palette, the background and text colors traded, the accents moved, a scene look, new surfaces, a solid or soft background and the brand's own easing curves. Words stay readable. Apply the one you pick with a single undo, open it as a new file, or keep it as an artboard beside the scene.

- Open as a new file saves a card as a project of its own and opens it; the scene you had open stays in Recent projects.
- Add as an artboard keeps a card beside the scene at the same size, so several can be compared or exported together. A variation of the selected layers can always be an artboard; one that changes the scene's background or look cannot.
- When the scene moves, a card can re-ease every move with one of the design system's curves. Only the curves change: when each move starts and ends stays, so voiceover, captions and beats stay in step.
- 4, 6 or 8 at a time, for the whole scene or only the selected layers.
- Stay on the design system keeps every card in the file's own colors, type and looks; without it, each card tries one of Paraplex's design systems in turn.
- Each card is three frames across the piece; move the pointer over it to scrub through them.
- The frames are checked for contrast, and a card whose words read worse than the scene's is marked.
- More like this keeps the palette and the background and text colors of the card you pick and varies the rest.
- Layers that wear an appearance, such as oak, chrome or frosted glass, move to another of the same family, so alike layers stay alike.

- **Where:** Menu › Variations…, the quick-actions strip, search (⌘K), or the assistant's + menu
- **Page:** a section of [Design systems](#design-systems)
- **Search terms:** primary: "design variations generator" · secondary: "brand style variations", "explore color palettes for animation", "on-brand design alternatives"
- **Media:** [Style variations side by side](https://app.paraplex.ai/press/media#ui-still-variations)
- **Checked against the app:** 2026-11-07

<a id="layout-variations"></a>
### Layout variations

Ask for several layouts of a scene at once and compare them side by side. Paraplex's AI plans a different arrangement for each card, such as a centered hero, a split, a grid or a stack, with its own type scale and way of entering, and builds each one with the editor's own tools, so every result is ordinary, editable layers. Every card stays in the brand's colors and fonts and inside the frame. Pick Both to give each layout a style of its own too.

- The six directions are a centered hero, a split, a grid, a stack, pinned to the edges and on the thirds; past six, the type scale changes instead.
- Each card's steps are checked before it is shown: a step that brings in a color or font outside the brand, changes the words, removes a layer or moves something out of the frame is left out.
- When the piece has a voiceover or captions, layouts keep every move's timing, and a camera that moves on keyframes is never touched.
- Apply replays the card's steps on the scene with a single undo; nothing is planned again.
- A card whose words run past the edge of the frame is marked, with the layers named.
- Works on the whole scene or only the selected layers; More like this keeps the card's arrangement and varies the rest.
- With your own Anthropic key, layouts are planned on your key.

- **Where:** Menu › Variations… › Layout (AI) or Both, the quick-actions strip, search (⌘K), or the assistant's + menu
- **Page:** a section of [Design systems](#design-systems)
- **Search terms:** primary: "AI layout variations" · secondary: "auto layout ideas for video", "compare layouts side by side", "AI composition alternatives"
- **Media:** [Layout variations side by side](https://app.paraplex.ai/press/media#ui-still-layout-variations)
- **Checked against the app:** 2026-11-07

<a id="color-palettes-tokens-and-themes"></a>
### Color palettes, tokens and light/dark themes

Save colors to a palette and link layers to them, so changing a color changes every layer that uses it. A palette can hold a value per theme (Light and Dark, or a brand and a sub-brand), and every linked layer follows the active theme, in the editor and in embeds.

- Typing a hex code or picking a color in the picker replaces a link with a plain color.
- Effect colors and custom shader fill colors can follow a palette color too, so one change recolors every effect and fill drawn in it.

- **Where:** Menu › Colors (Save fill as color…, Edit palette…, Import tokens (JSON)…); the swatches beside any color field
- **Page:** a section of [Design systems](#design-systems)
- **Search terms:** primary: "color tokens animation" · secondary: "light and dark theme animation", "brand palette video"
- **Media:** [Haven: System (template)](https://app.paraplex.ai/press/media#template-brand-identity-system)
- **Checked against the app:** 2026-11-11

<a id="motion-tokens"></a>
### Motion tokens

Name a brand's easings, durations, staggers and whole move recipes in its design system, or extract them from projects that already move the way the brand does. The brand's curves then appear under Brand in every keyframe's easing menu, the assistant follows them when it animates, and effects and plugins that ask for the brand get them too.

- Four kinds: Easings, Durations, Staggers and Recipes.
- Extract from projects… proposes tokens found in chosen projects; keep what's right with Add selected.

- **Where:** Menu › Library… › a design system › Motion…
- **Page:** a section of [Design systems](#design-systems)
- **Search terms:** primary: "motion design tokens" · secondary: "brand motion guidelines", "easing tokens"
- **Checked against the app:** 2026-11-08

<a id="brand-kits"></a>
### Brand kits

Export a project's palette, text styles, materials, scene looks, motion tokens and uploaded fonts as one file, and import it into another project or share it with a teammate. Imported items update anything of the same name, so linked layers follow.

- **Where:** Menu › Brand kit › Export kit… / Import kit…
- **Page:** a section of [Design systems](#design-systems)
- **Search terms:** primary: "export brand kit" · secondary: "share brand assets file"
- **Checked against the app:** 2026-11-08

<a id="components-and-instances"></a>
### ★ Components and instances

Save a layer or group as a component; instances placed from it follow the master's edits and keep their own words, pictures and colors as overrides, nested up to three deep. Masters can come in five sizes (XS to XL) that change with the artboard, and instances can be keyed between saved states such as Hover and Pressed. Everything lives in the Components panel under Layers, alongside 64 ready-made components and the UI kit.

- Tabs: Paraplex (built-in titles and picture pieces), Kit (the UI kit and its screens, Dark or Light), Yours, Installed.
- Overrides: text, fill color, media, visibility, counter numbers and icon; Allow style edits also lets instances change size, weight, spacing, gradient, stroke and material.
- Each instance plays from its own start time: drag its bar on the timeline or type Starts at.
- Sizes: Add sizes on a master, Edit size for each; an instance's Size on Auto follows the artboard's shape.
- Detach from component turns an instance back into ordinary layers.

- **Where:** The Components panel (under Layers) or Dock › Component; right-click › Create component…; the Component section
- **Page:** its own page
- **Search terms:** primary: "animated components" · secondary: "reusable animation components", "master instance design", "responsive components"
- **Media:** [Components](https://app.paraplex.ai/press/media#ui-still-components)
- **Checked against the app:** 2026-11-08

<a id="built-in-components"></a>
### Ready-made picture components

Drop-in motion pieces built for your own pictures: card stacks, sliders, filmstrips, galleries, a website showcase and device mockups. Set their dials (how many cards, glass or chrome, direction, captions, speed) before they go in, then drop pictures onto the cards; several at once fill them in turn.

- Pieces include Card stack, Horizontal slideshow, Vertical slider, Filmstrip, Filmstrip vertical, Filmstrip with captions, Parallax gallery, Radial gallery, Depth slider, Website showcase, and the device mockups Browser window, Laptop, Tablet and Phone.
- Each plays its motion when you hover over it in the panel.

- **Where:** Components panel › Paraplex
- **Page:** a section of [Components and instances](#components-and-instances)
- **Search terms:** primary: "slideshow animation template" · secondary: "3d carousel template", "card stack animation", "filmstrip slider animation"
- **Checked against the app:** 2026-11-11

<a id="animated-titles"></a>
### Animated titles and lower thirds

12 ready-made title treatments, from a lower third and a kinetic headline to a chrome title, a stat callout and an end card. Each comes in, holds and leaves again on its own, and goes in as a component: add it again for an instance with its own words, size, weight and colors, while the motion and font follow the master.

- Titles: Lower third, Kinetic headline, Highlighted word, Chrome title, Stat callout, Chapter title, Pull quote, Typed line, Split headline, Hero title, Caption pill, End card.
- Each but the end card clears the frame by itself about four seconds after it starts.
- When an instance changes a title's words, each word keeps the formatting of the word it replaces, so a highlighted word stays highlighted.

- **Where:** Components panel › Paraplex › Titles
- **Page:** its own page
- **Search terms:** primary: "animated lower thirds" · secondary: "title animation templates", "animated titles online", "end card animation"
- **Checked against the app:** 2026-10-31

<a id="saved-materials-text-styles-looks-and-lighting-rigs"></a>
### Saved materials, text styles, looks and lighting rigs

Save a material, a text style, a scene look or a set of lights, apply it anywhere, and update everything that follows it in one change. They travel with the project's brand kit and design system.

- Update followed material… sends a change to every layer that follows the material.
- Copy look link shares a scene look as a link.
- Applying a lighting rig replaces the scene's lights.

- **Where:** Menu › Materials, Menu › Text styles, Menu › Scene looks, Menu › Lighting rigs
- **Page:** a section of [Design systems](#design-systems)
- **Search terms:** primary: "save style presets" · secondary: "reusable lighting rig", "text style library"
- **Checked against the app:** 2026-10-31

<a id="assets-panel"></a>
### Assets panel

Every file you keep, in folders, one click from the canvas: logos, pictures, films, sounds, icons and models, with the packs Paraplex ships and the packs you have added beside your own. Search by name or file type, then click a file to place it or drag it where it goes; a sound lands at the playhead.

- Add files… or drop files onto the panel, up to 64 MB a file; new folders, moves and renames from each file's and folder's options.
- Search by name or type: logo, jpg, video.
- Link a folder to a design system and its files travel with the system as its visual assets.
- The row under Layers holds three buttons, Components, Assets and Effects; a click opens that panel under the row, and a click on the open one closes it.

- **Where:** The Assets button under Layers (beside Components and Effects)
- **Page:** a section of [Asset packs](#asset-packs)
- **Search terms:** primary: "asset library for motion design" · secondary: "brand asset manager", "logo library for video"
- **Checked against the app:** 2026-11-11

<a id="asset-packs"></a>
### Asset packs

Keep pictures, textures, HDRIs, brush tips, SVG icons and 3D models together as a pack in your Library, each file marked with its kind and its license, and use any of them in a click: place it, put it on the selected shape as a texture, light the scene with it, or paint a stroke with it. Packs follow your account to other browsers; publish one to the community, or add someone else's.

- Uses: Place (pictures, icons and 3D models), Use as texture (the selected shape, model or blob), Use as environment (an HDRI) and Use as brush tip (the selected shape's stroke).
- Licenses: CC0, or CC BY 4.0 with a credit written under the file.
- Files: PNG, JPEG, WebP, AVIF or GIF pictures; PNG, JPEG, WebP or AVIF textures; HDR, EXR or panorama HDRIs; GLB models; SVG icons; PNG or SVG brush tips. An SVG may only draw: no scripts, links or embedded pages.
- A pack holds up to 40 files and 17 MB: pictures and textures up to 8 MB each, HDRIs and models 16 MB, brush tips 400 KB and icons 200 KB.
- A published pack is listed at once, and an automatic check looks at its pictures and file list within minutes: anything that can't be shared is taken down (the bell says why), and a stock watermark, a brand's logo or a famous person stays listed while a person at Paraplex looks.
- Adding a pack from the community shows every file with its kind, license and credit first; Update brings in a newer version.

- **Where:** Menu › Library… › Asset packs (New pack…, Add files…, Publish…, Browse community); app.paraplex.ai/asset-packs › Add pack
- **Page:** its own page
- **Search terms:** primary: "asset packs for motion design" · secondary: "free hdri pack", "cc0 textures pack", "brush tip pack", "3d model pack"
- **Checked against the app:** 2026-11-08

<a id="import-integrations"></a>
## 19. Import and integrations

Bring work in from Figma, Lottie, SVG, code and the files you already have, and it lands as ordinary, editable Paraplex layers. Scripts and your own apps can render templates through the render API.

<a id="figma-to-motion"></a>
### ★ Figma to motion

The Send to Paraplex Figma plugin brings Figma frames in as native, editable layers, nested as in Figma: rectangles and ellipses with their fills, gradients, pictures, corners, strokes and shadows, vectors as paths, text in your fonts (or the nearest bundled face), Figma Glass as Liquid glass, background blur as a frosted lens, and simple auto layout kept live. Copy in Figma and paste, or save a file and drop it on the canvas.

- Every layer lands where it was in Figma; pictures come across at three times their drawn size (up to 2048 pixels).
- Importing into an empty scene turns on Blend like Figma, so see-through layers mix as they did in Figma.
- A message after each import names anything that came across differently: masks, per-side stroke weights, diamond gradients and some shadows are among them.
- The plugin runs entirely on your computer; nothing leaves it until you paste.

- **Where:** In Figma: Plugins › Send to Paraplex › Copy for Paraplex, then paste on the canvas; or Menu › Import from Figma…
- **Page:** its own page
- **Search terms:** primary: "figma to animation" · secondary: "animate figma design", "figma to video", "figma motion plugin"
- **Media:** [Figma import](https://app.paraplex.ai/press/media#ui-still-figma-import)
- **Checked against the app:** 2026-10-31

<a id="lottie-import-and-export"></a>
### ★ Lottie import and export

Drop a .json or .lottie file to bring a Lottie animation in as native layers (vector shapes, groups, text and pictures with their keyframes and easing), editable and restyled in 3D like anything drawn in Paraplex. Export the flat parts of a scene (shapes, text, pictures and groups with their keys and curves) as a Lottie any player plays. What Lottie can't carry is listed rather than silently dropped.

- Left out on import: expressions, effects, masks, mattes, repeaters.
- Left out on export: lights, 3D, models, particles, effects, camera moves.
- The assistant can also bring a Lottie in from a link.

- **Where:** Drop a .json or .lottie on the canvas, or Menu › Import Lottie…; Menu › Export Lottie…
- **Page:** its own page
- **Search terms:** primary: "lottie editor online" · secondary: "export lottie animation", "edit lottie file", "lottie to video"
- **Media:** [Lottie import](https://app.paraplex.ai/press/media#ui-still-lottie)
- **Checked against the app:** 2026-10-31

<a id="svg-import-as-editable-vectors"></a>
### SVG import as editable vectors

Paste SVG code copied from Figma, Illustrator or a code editor, or open an SVG file with the dock's Vector (SVG) button, and every drawn element becomes an editable path with its colors and strokes, grouped and fitted to the frame. Drop an SVG on an existing path to replace its outline. Paths can then take depth, materials and animation.

- An SVG dropped on an empty part of the canvas comes in as a picture; paste it or use Vector (SVG) for paths.
- Strokes keep their width, color, caps and joins, so a line can draw on over time.

- **Where:** Paste on the canvas, or the dock's Vector (SVG) button
- **Page:** its own page
- **Search terms:** primary: "svg animation online" · secondary: "animate svg logo", "svg to 3d", "svg to video"
- **Checked against the app:** 2026-10-31

<a id="code-layers"></a>
### ★ Code layers: HTML, React and GSAP to video

Put live HTML, CSS, JavaScript or a React component in a scene, in front of it, behind it, or as a card in 3D space, by pasting the code, dropping a file, or pasting a shadcn/ui component. The page runs on the timeline's clock, so CSS animations, timers, canvases, videos and GSAP timelines follow the playhead and export frame for frame. Its CSS variables become keyframeable controls, an Elements tab restyles parts without touching the code, and Lift into layers turns the page into ordinary Paraplex layers.

- A page can define window.renderAt(seconds), or register GSAP timelines in window.__timelines, for full control of time.
- Elements tab: Position, Width, Height, Opacity, Background, Text color, Radius, Font size, Weight, Letter spacing, Padding, Margin, Tilt.
- Code that arrived from someone else is marked and runs restricted until you trust it.
- three.js runs in a code layer: `import * as THREE from "three"` (or React Three Fiber and drei in a component) loads a pinned build from esm.sh, the WebGL scene plays on the timeline and exports frame for frame.

- **Where:** Paste code on the canvas, drop an HTML, TSX or JSX file, or the Code panel; right-click › Code › Lift into layers
- **Page:** its own page
- **Search terms:** primary: "html to video" · secondary: "react component to video", "gsap animation to mp4", "export css animation as video"
- **Media:** [Code layers](https://app.paraplex.ai/press/media#ui-still-code-layers) · [Fisheye work wall (template)](https://app.paraplex.ai/press/media#template-fisheye-work-wall) · [App launch (your UI) (template)](https://app.paraplex.ai/press/media#template-app-launch-code)
- **Checked against the app:** 2026-11-10

<a id="hyperframes-and-remotion"></a>
### HyperFrames projects and Remotion compositions

Bring a HyperFrames project (the HTML video format coding agents like Claude Code often write) in whole, folder and all, and it plays on Paraplex's timeline with its clip timings and nested timelines intact. Paste a Remotion composition, or drop its .tsx, and it plays on the timeline's clock too, answered by Paraplex's own version of the Remotion parts compositions use most. Either becomes a code layer you can place, light and export with the rest of the scene.

- A connected Claude Code agent can write a HyperFrames project or a Remotion composition and bring it straight in.
- A project can pack up to 48 MB of files into its layer. HyperFrames' player loads from the web, so the layer needs an internet connection.

- **Where:** Menu › Import HyperFrames project…, or drop the folder, a .zip or its HTML file on the canvas; paste or drop a .tsx or .jsx for Remotion
- **Page:** its own page
- **Search terms:** primary: "hyperframes to video editor" · secondary: "remotion composition editor", "edit ai generated html video", "claude code video to editor"
- **Checked against the app:** 2026-10-31

<a id="design-token-import"></a>
### Design token import

Import W3C design token files (the format Figma variable exports produce through common plugins) into a project's palette, or save them as a design system for every project; aliases stay live, and color references keep linking to layers.

- **Where:** Menu › Colors › Import tokens (JSON)…; Menu › Library… › Design systems › Import tokens…
- **Page:** a section of [Design systems](#design-systems)
- **Search terms:** primary: "import design tokens json" · secondary: "figma variables to animation", "dtcg tokens"
- **Checked against the app:** 2026-10-31

<a id="supported-files-and-folder-import"></a>
### Supported files and folder import

Drag files onto the canvas and Paraplex makes the right kind of layer from each: images, video, 3D models, Gaussian splats, Lottie, Figma files, HyperFrames projects, HTML and React files, and screen recordings. Build scene from folder turns a folder of up to 50 pictures into a grid of picture cards in one step, and a folder of app screens can become a launch video.

- Pictures: PNG, JPEG, WebP, GIF, AVIF. Video: MP4, WebM, MOV. 3D: GLB, glTF. Splats: PLY, SPZ, SPLAT, KSPLAT, SOG.
- With their own buttons: audio, fonts (TTF, OTF), spreadsheets (CSV, TSV), design tokens, brand kits, HDRI environments, LUTs (.cube), skills and library exports.
- Drop several pictures on a component with empty picture slots and they fill the slots in turn.
- A folder of app screenshots and recordings dropped on the canvas opens the promo maker (Menu › Make a promo from screens…).

- **Where:** Drop on the canvas; the dock's Build scene from folder; the Menu's import items
- **Page:** a section of [Online motion design editor](#online-motion-design-editor)
- **Search terms:** primary: "supported file formats animation" · secondary: "batch import photos to animation"
- **Checked against the app:** 2026-10-31

<a id="template-render-api"></a>
### Render API: videos from templates, by script

Make videos from Paraplex templates in a script or your own app, with no tab open: send a template's id with your own words, numbers, colors and picture links, and Paraplex renders the video on its own GPUs and answers with a link to download it. A webhook can tell your app when each render is done, and a design system can restyle the template on the way. For anyone with a Paraplex API key that can render, made in the Account window.

- POST /api/v1/renders starts a render and answers at once with it waiting in line; GET /api/v1/renders/<id> follows it to a download link, POST /api/v1/renders/<id>/cancel stops it, and GET /api/v1/renders lists recent ones.
- Slots are a template's words, numbers and pictures, by their names in the Layers panel, and its palette colors, by name: colors as hex, pictures as https links to a PNG, JPEG, WebP, GIF or AVIF of up to 15 MB. Up to 64 slots a render, 4,000 characters of words each.
- GET /api/v1/templates lists every template with its size, frame rate and length, and GET /api/v1/templates/<id> its slots; /api/v1/openapi.json describes every call, for tools such as Postman.
- MP4 or WebM, at 1, 1.5 or 2 times the template's size (2 makes 4K from a 1080p template).
- designSystem restyles the template in one of Paraplex's design systems or one of your own: its colors, type and look, with the words kept readable. A key kept to one design system renders in that system only.
- sound adds sound design from the built-in library on every motion (subtle, balanced or punchy), brings the video to a loudness target (streaming, podcast or broadcast), or leaves out the template's own sound.
- webhookUrl is called when a render finishes or fails, signed with a secret given once, so your app can check the call came from Paraplex.
- Longer words than the template's own widen the plain pill, button or tag behind them.
- Up to 5 renders waiting or rendering at once per account and 60 calls a minute per key; finished files are kept for a week. A render still waiting after 10 minutes says so, and starts by itself when a machine is free.

- **Where:** Account window › Paraplex API keys › New API key, with Render ticked; then POST https://app.paraplex.ai/api/v1/renders
- **Status:** limited (see above for who can use it)
- **Page:** its own page
- **Search terms:** primary: "video rendering api" · secondary: "template video api", "programmatic video generation", "personalized video api", "render video from json"
- **Checked against the app:** 2026-11-08

<a id="automations"></a>
### Automations: templates rendered on a schedule, from a webhook, a feed or a sheet

Have Paraplex make videos on its own. An automation starts by hand, on a schedule, when another app calls its webhook address, or with each new item in an RSS feed or new row in a sheet, then runs its steps in the cloud: fetch a feed or an API, ask Claude to write the words, render a template once a row, call another app's webhook, email you the links, send them to Slack, copy the films to your own storage or post them to social accounts. Each step can use what the steps before it gave, picked from a list, so a headline from a feed lands in a template's text without typing a path. Test run tries it with sample input first, with three stills for each render in place of the films. A render can hold the run when a check of its frames finds something, and a run can wait for you to approve it from a link in your email. Every run keeps its log, step by step, with its films to download. For people signed in.

- Starts: By hand (Run now), From a webhook (an address of its own, a new one at any time), On a schedule (every hour at a minute, every day or every week at a time, in your time zone, with the next run shown), From a feed (RSS or Atom) or From a sheet (a Google Sheet published as CSV, or any CSV address).
- A feed or sheet is checked every 15 minutes. The first check notes what is there; after it, each new item or row starts a run of its own, oldest first, up to 10 a check, the rest at the next. The window says when it was last checked and what it found.
- Look reads a feed or sheet as you set it up: its newest items, or its columns and newest rows. It fills in a test run's sample, and a sheet's columns become fields to insert; one column can say which rows are new, so an edited row isn't taken for a new one.
- Steps: Fetch, Ask Claude, Render, Wait, Ask me to approve, Call a webhook, Email me, Send to Slack, Upload to storage, Post to social, If (then and otherwise), For each (a list, up to 100 items a loop) and Stop.
- Insert a field, beside every box, lists what the trigger, the loop and each earlier step give: a fetched body, Claude's words, a render's download link, every link of a loop.
- Render takes any template with its words, numbers, pictures and colors filled, up to 10 rows a step, in MP4 or WebM at 1, 1.5 or 2 times its size.
- Each step can stop the run or go on if it fails; a run can be cancelled while it waits or renders.
- Test run: each Render makes one picture of three stills (the start, the middle and the end) in place of its films, with the check of its frames, and the window shows it.
- Hold the run if the review flags something, on a Render step: its frames are checked for anything past the frame, text under 3:1 contrast and type under 14 px, and a run that finds any waits, the findings listed.
- A waiting run emails you a review link with the findings and the files so far: Approve to go on or Decline to stop, from any device without signing in, or from the Automations window. The link works for 7 days.
- Runs: Done, Waiting, Failed or Cancelled, with when and how it started, what it started with, each step's log and output, and Download links for its films, kept for a week.
- Up to 50 steps an automation, nested four deep. A schedule starts within a minute of its time. Webhook steps are signed with a secret shown in the window.

- **Where:** Menu › Automations…, or Automations in the search palette
- **Page:** its own page
- **Search terms:** primary: "automated video generation" · secondary: "schedule video renders", "webhook video automation", "rss to video", "google sheets to video", "video workflow automation"
- **Checked against the app:** 2026-11-09

<a id="automation-deliveries"></a>
### Automations deliver: Slack, your own storage and social posts through Postiz

An automation can hand its films on by itself: post the links in a Slack channel, copy each film into your own S3-compatible storage (Amazon S3, Cloudflare R2, Backblaze B2 and others), or post it with its words to social accounts through Postiz, or save the posts there as drafts to look over first. Each account connects once in the Automations window; its key is encrypted when saved and never shown again.

- Connections: Slack (a channel's incoming webhook link), S3 storage (an endpoint, a bucket, an optional folder and public address, and an access key) and Postiz (an API key, for Postiz's cloud or a Postiz of your own). Up to 20 an account.
- Keys are encrypted when saved, never sent back to the page, and shown only by their last 4 characters. Check sends a test: a message to the channel, a small file in the bucket, or Postiz's channels counted. Each connection lists the automations that use it.
- Send to Slack posts a message built from fields, such as the automation's name and a render's link. A test run's message starts with “Test run:”.
- Upload to storage copies a file from its link, such as a render's, up to 200 MB, named by you or after the automation and the run, and hands on its name, size and public address.
- Post to social posts to the channels chosen in Postiz: X, Bluesky, Facebook, Instagram, LinkedIn profiles and pages, Pinterest (on the board picked from the account's boards), Reddit (in the subreddit named), Threads, TikTok and YouTube, with a film or a picture, a title for YouTube, TikTok, Pinterest and Reddit, now or as drafts. A test run always saves drafts.
- A new delivery step starts on your first connection of its kind and the newest render's link.

- **Where:** Menu › Automations… › Connections, and Send to Slack, Upload to storage and Post to social under Add a step
- **Page:** a section of [Automations: templates rendered on a schedule, from a webhook, a feed or a sheet](#automations)
- **Search terms:** primary: "automatically post videos to social media" · secondary: "upload video renders to s3", "send videos to slack", "postiz video automation", "auto post videos to tiktok and youtube"
- **Checked against the app:** 2026-11-09

<a id="n8n-node"></a>
### Paraplex in n8n: render templates and run automations from a workflow

Use Paraplex inside n8n workflows. The Paraplex node renders a template with words, numbers, colors and pictures from earlier steps and waits for the video, passing on its download link; it also runs your Paraplex automations with input of their own. The Paraplex Trigger starts a workflow when a render finishes or fails, or when an automation's run ends. For anyone with a Paraplex API key, made in the Account window.

- Render: Create (the template and each slot picked from lists read from your account; MP4 or WebM, 1, 1.5 or 2 times the template's size, a name, a design system and a webhook), Get, Get Many and Cancel. Create waits for the video by default, up to a limit you set.
- Template: Get (with its slots) and Get Many.
- Automation: Run with JSON input (the run's steps read it as {{trigger.…}}), optionally waiting for it to end; Get, Get Many, Get Run and Get Runs. A run waiting for your approval says so.
- Paraplex Trigger: Render Finished, Render Failed (or cancelled) and Automation Run Ended (done, failed or cancelled, as chosen, with the run's log and outputs). It checks on the schedule you choose and never passes on what had ended before it was turned on.
- When Paraplex refuses something, such as a slot the template doesn't have, the node shows Paraplex's own reason.
- Open source, MIT licensed: github.com/Paraplex-AI/n8n-nodes-paraplex, published on npm as n8n-nodes-paraplex.

- **Where:** In n8n: Settings › Community Nodes › Install, then type n8n-nodes-paraplex; the credential takes a Paraplex API key from Account window › Paraplex API keys
- **Status:** limited (see above for who can use it)
- **Page:** a section of [Render API: videos from templates, by script](#template-render-api)
- **Search terms:** primary: "n8n video generation" · secondary: "n8n video automation node", "n8n community node video", "n8n render video from template", "paraplex n8n"
- **Checked against the app:** 2026-11-09

<a id="make-zapier"></a>
### Paraplex in Make and Zapier (coming soon)

Coming soon: Paraplex apps for Make and Zapier, doing what the n8n node does: render a template with words, numbers, colors and pictures from earlier steps, run your Paraplex automations, and start a scenario or Zap when a render finishes or fails or an automation's run ends. Both are built and in the makers' review; until they're listed, n8n and the render API do the same work.

- Make: nine modules: Render a Template, Get a Render, Cancel a Render, Run an Automation, Get an Automation Run, Watch Finished Renders, Watch Failed Renders, Watch Automation Runs and Make an API Call.
- Zapier: triggers Render Finished, Render Failed and Automation Run Ended; actions Render a Template (the Zap waits for the video), Run an Automation and Cancel a Render; searches to find a render or a run.
- Both sign in with a Paraplex API key from Account window › Paraplex API keys.
- Say "coming soon" and nothing more specific: no date, and not "available" or "in beta".

- **Status:** coming soon. Say "coming soon" on any page that names it: not available yet, no date
- **Page:** a section of [Render API: videos from templates, by script](#template-render-api)
- **Search terms:** primary: "zapier video generation" · secondary: "make.com video automation", "zapier render video from template", "make scenario video template", "paraplex zapier", "paraplex make"
- **Checked against the app:** 2026-11-10

<a id="export"></a>
## 20. Export and formats

Every frame rendered in the browser at full quality: video with sound, transparent video, GIFs and stills, in every shape a piece needs, and files made to a destination's rules.

<a id="video-export-mp4-and-webm"></a>
### Video export (MP4 and WebM)

Export MP4 (H.264 with AAC sound), which plays everywhere, or smaller WebM (VP9 with Opus), at the timeline's frame rate. Every frame is rendered one at a time at full quality, so the file matches what you saw, including motion blur and clean antialiased edges, and the sound is the mix you heard while you worked. Export resolution scale sets the size of every export, up to 4× the canvas (2× of 1920×1080 is 3840×2160), stepping down and telling you if the browser can't encode that size.

- Formats on Export Video's caret: MP4, WebM, GIF and PNG sequence.
- A box at the foot of the window shows progress and time left; its × cancels the export and nothing is saved.
- Export resolution scale: 0.5×, 1×, 1.5×, 2× or 4×; each choice shows the size it makes.
- An artboard with a range of its own exports just that stretch; with an artboard open, Export Video exports that artboard.
- If the browser can't write the chosen format, Paraplex uses the other one and says so.
- Every sound goes in as the editor plays it: volume, pan and their points over time, fades, buses, ducking, effects and the master's loudness target. The finished export says what it measured, such as Sound: −14.1 LUFS · peak −1.0 dB.
- A video longer than five minutes, or a piece in chapters, renders in parts, so an export that stops picks up where it was.

- **Where:** Export Video at the foot of the properties panel (its caret picks the format); Scene › Video Export; Menu › Export video
- **Page:** its own page
- **Search terms:** primary: "export animation to mp4" · secondary: "4k animation export online", "webm export", "render motion graphics in browser"
- **Checked against the app:** 2026-11-08

<a id="exports-that-pick-up-where-they-stopped"></a>
### Long exports that pick up where they stopped

A video longer than five minutes, or a piece in chapters, renders in parts of a minute or less, each kept in the browser's storage the moment it is done. If the export stops (cancelled, failed, or the tab closed), export the same piece again and only the rest renders, with a message saying how much was already done. A piece in chapters keeps its parts after the file is made, so after an edit only the parts that show the changed chapter render again, and an unchanged piece is put together with nothing rendered.

- Parts are cut at every chapter's start and end, and each is built with only the chapters it shows, so an hour-long piece needs no more memory than a few minutes.
- The file is made from the parts with no second encode, and the sound is mixed across the whole piece as it is written.
- If the tab closes during the export, it is waiting in the Render Queue the next time the editor opens, and Render picks it up where it was.
- Only the last export's parts are kept: starting a different export clears them, and a long piece without chapters clears its own when it finishes. Kept parts take about as much space as the video.
- For MP4 and WebM; a transparent WebM, a GIF or a PNG sequence renders whole.

- **Where:** Export Video or Menu › Export video, on a piece longer than five minutes or with chapters (right-click a group › Make this a chapter); the Render Queue, for an export the tab closed on
- **Page:** a section of [Video export (MP4 and WebM)](#video-export-mp4-and-webm)
- **Search terms:** primary: "resume video export" · secondary: "export long video in parts", "re-render only changed parts of a video", "resume render after browser crash"
- **Checked against the app:** 2026-11-07

<a id="long-video-export-to-disk"></a>
### Long videos saved straight to disk

Videos up to an hour long are written to disk as they render instead of being held in memory, and their sound is decoded and mixed a piece at a time, so a long export doesn't run the browser out of memory. In Chrome and Edge, a video longer than five minutes asks where to save it first and is written straight into that file.

- Closing the save dialog cancels the export; a cancelled or failed export leaves no half-written file.
- Transparent WebM is streamed to disk the same way.
- Past five minutes an MP4 or WebM also renders in parts, so an export that stops picks up where it was.

- **Where:** Export Video, on a piece longer than five minutes
- **Page:** a section of [Video export (MP4 and WebM)](#video-export-mp4-and-webm)
- **Search terms:** primary: "export long video in browser" · secondary: "hour long video export", "render long animation online"
- **Checked against the app:** 2026-11-05

<a id="render-queue"></a>
### Render queue

Line up several versions of a piece and render them one after another. Each job is a snapshot of the scene as it was when you added it, so you can change a color, the format or the size and add it again; files arrive as each finishes or all together in one zip.

- Pressing Export Video during an export queues the new one to start next.
- In the Render Queue: Video and Still add jobs, drag to reorder, Render, Stop after this one, × to cancel or remove, Try again on a failed job, Clear finished.
- Finished files arrive Each (downloaded as each one finishes) or as One zip once the queue is done.
- Jobs not yet made when the tab closes are offered again the next time the editor opens, and so is a long export the tab closed on, which picks up where it was.
- Make clips' Render sends every ticked clip in as its own job, each file named for its clip.
- Where cloud rendering is set up, the Render Queue's Cloud section renders a video on Paraplex's GPUs instead.

- **Where:** Add to Render Queue under the Export buttons; Menu › Render queue…, Add video to render queue, Add still to render queue
- **Page:** a section of [Video export (MP4 and WebM)](#video-export-mp4-and-webm)
- **Search terms:** primary: "batch render videos online" · secondary: "render queue browser", "export several versions of a video"
- **Checked against the app:** 2026-11-07

<a id="render-in-the-cloud"></a>
### Render in the cloud

Send a video to render on Paraplex's GPUs instead of your computer, then close the tab, or the laptop, while it's made. The scene goes as it is at that moment, at the Video Export settings, and an email brings a download link when it's ready; the file waits on its row in the Render Queue too. It shows only where cloud rendering is set up, for people signed in.

- MP4 or WebM; a GIF or a PNG sequence exports on your computer as before.
- A piece up to an hour long, at the size and frame rate Video Export says.
- Each row shows the format, size, frame rate and minutes of video, and reads Sending, Waiting for a machine, Starting, how far it has got, then Ready with Download; its × stops a render that hasn't finished.
- When every machine is busy a render waits, and after 10 minutes its row says Waiting longer than usual; it still starts by itself as soon as one is free.
- Each file is kept for 7 days.

- **Where:** The Render Queue's Cloud section › Render in the cloud; Menu › Render video in the cloud…, or the same command in the search palette
- **Status:** limited (see above for who can use it)
- **Page:** a section of [Video export (MP4 and WebM)](#video-export-mp4-and-webm)
- **Search terms:** primary: "cloud video rendering" · secondary: "render animation in the cloud", "gpu render online", "render video with the laptop closed"
- **Checked against the app:** 2026-11-08

<a id="transparent-video-export"></a>
### ★ Transparent video export

Turn off the background and export WebM with a real alpha channel, or a PNG sequence, for overlays, lower thirds and compositing in other editors. Ground shadows and caustics stay in the export as soft alpha, and a transparent WebM carries the same sound mix as an MP4.

- Chrome and Edge play a transparent WebM on a web page; most editing apps (After Effects, Premiere Pro, DaVinci Resolve, Final Cut Pro) import a PNG sequence with its transparency.
- MP4 and GIF can't carry transparency and export on the background.
- A PNG sequence has no sound; export the sound on its own from Menu › Audio to lay under it.

- **Where:** Scene › Background › Include off, then Export Video with WebM or PNG sequence
- **Page:** its own page
- **Search terms:** primary: "transparent video export" · secondary: "webm with alpha channel", "transparent background animation", "png sequence export"
- **Media:** [Transparent video](https://app.paraplex.ai/press/media#transparent-chrome)
- **Checked against the app:** 2026-11-05

<a id="gif-export"></a>
### GIF export

Export any piece as an animated GIF, kept small enough to post: at most 640 pixels on its longest side, following the piece's frame rate up to 25 fps.

- **Where:** Export Video's caret › GIF, or Scene › Video Export › Format
- **Page:** its own page
- **Search terms:** primary: "animated gif maker" · secondary: "export animation as gif", "3d gif maker"
- **Checked against the app:** 2026-10-31

<a id="png-and-jpg-stills"></a>
### PNG and JPG stills

Export the frame at the playhead as PNG or JPG at any resolution scale, or the whole piece as a PNG sequence packed into one archive. The image button names the format it makes (Export PNG or Export JPG), and a PNG can be see-through.

- A picture can be up to 16,384 pixels on a side; past that, Paraplex makes it as large as it can and says so.
- Files are named after their size, such as paraplex-1920x1080.png.

- **Where:** Export PNG at the foot of the properties panel (its caret picks PNG or JPG); Scene › Image Export; Menu › Export image
- **Page:** a section of [Video export (MP4 and WebM)](#video-export-mp4-and-webm)
- **Search terms:** primary: "export 3d render png" · secondary: "high resolution still export"
- **Checked against the app:** 2026-11-05

<a id="sound-only-export-and-stems"></a>
### Sound-only export and stems

Export a piece's sound without the picture: the finished mix through the master, at its loudness target and limiter, as a WAV or an M4A, or as stems, one WAV for each bus before the master, zipped together to mix again in another app. Each covers the same range as the video export.

- WAV: 24-bit at 48 kHz. M4A: AAC at 256 kbps. Each says the loudness and peak it came out at.
- Stems: a 32-bit float WAV for each bus that has sound and isn't muted, numbered and named for its bus, in one zip; a bus that ducks under another ducks in its stem too.
- Mute is kept in every export; Solo is for listening while you work and never changes one.
- Stems too long to zip at once are refused, with a shorter render range suggested.

- **Where:** Menu › Audio › Export sound (WAV), Export sound (M4A) or Export stems (WAV per bus); the Mixer's Export sound row (WAV, M4A, and Stems in Full)
- **Page:** a section of [Video export (MP4 and WebM)](#video-export-mp4-and-webm)
- **Search terms:** primary: "export audio stems" · secondary: "export audio only from animation", "export soundtrack as wav", "export music and voiceover separately"
- **Checked against the app:** 2026-11-05

<a id="one-scene-every-format"></a>
### ★ One scene, every format

Add export formats (Landscape 16:9, Vertical 9:16, Square 1:1, Portrait 4:5, Classic 4:3, App Store iPhone, App Store iPad, or a custom size) and each appears as an artboard beside the frame, with the scene reframed for that shape. Choose how each is framed, make changes to one artboard only, give it its own motion, then Export all enabled in one go. Pin to frame keeps a logo in its corner on every format.

- Framings: Responsive (re-lays out the piece for the shape, as a web page reflows), Scale to fill, Fit contents, Fit height, Fit width and Fill frame (crop).
- Editing an artboard counts its differences from the main scene, with Apply to all and Reset all.
- Export all enabled exports the frame at the playhead in every format that's on, one picture each.
- Sizes in vw, vh and percent follow each artboard.

- **Where:** Menu › Export formats (Show artboards, Export all enabled…); the + tile at the end of the artboards
- **Page:** its own page
- **Search terms:** primary: "resize video for social media" · secondary: "one video every aspect ratio", "convert 16:9 to 9:16", "multi format video export"
- **Media:** [One scene, every format (home loop)](https://app.paraplex.ai/press/media#pillar-formats) · [One scene, every format](https://app.paraplex.ai/press/media#ui-still-artboards) · [Stat drop (template)](https://app.paraplex.ai/press/media#template-stat-drop)
- **Checked against the app:** 2026-11-08

<a id="export-for-app-store-and-slides"></a>
### Export for the App Store or slides

Choose where the piece is going (App Store preview, Keynote, PowerPoint, Google Slides) and Paraplex writes an MP4 to that destination's rules, checks the piece against them first, and says what to do with the file there. A piece of another shape is re-composed for the frame, never cropped.

- App Store preview: Apple's accepted size for iPhone, iPad, or Mac and Apple TV in the piece's orientation; H.264, at most 30 fps, 15 to 30 seconds, with the stereo sound track App Store Connect requires (silent when the piece has none).
- It warns of words too small to read and of sound with no words on screen, since previews play muted.
- Keynote and PowerPoint: a 1920 × 1080 MP4 for a slide. Google Slides: the same, with the loop repeated to a minute, since Slides plays a video once.
- Under Before it goes, each check is marked fine, changed for it, or worth a look; Cancel export stops it.
- The sound is brought to −16 LUFS with peaks under −1 dB for every destination, whatever the piece's own Mixer says, so it plays as loud as what is around it; the finished window says what it measured.
- New files and export formats include the App Store iPhone (886 × 1920) and iPad (1200 × 1600) sizes.

- **Where:** Menu › Export for App Store or slides…
- **Page:** its own page
- **Search terms:** primary: "app store preview video maker" · secondary: "app preview video size", "animated video for keynote", "video for google slides loop"
- **Media:** [Title slide (template)](https://app.paraplex.ai/press/media#template-deck-title)
- **Checked against the app:** 2026-11-05

<a id="social-safe-zones"></a>
### Social safe zones

Show where TikTok, Instagram Reels, Instagram Stories, YouTube Shorts or a feed post cover the frame with buttons and captions: the covered areas are tinted and labeled with what covers them, with the usable space outlined and its share of the frame shown. Safe zones are a guide only and never appear in exports.

- Zones: TikTok, Instagram Reels, YouTube Shorts, Instagram Stories, Feed 4:5 and Feed 1:1.
- One safe zone shows at a time, and it is saved with the project.
- The zones follow each app's typical layout; the apps move their buttons between versions and devices, so leave a little room.

- **Where:** View › Safe zones
- **Page:** its own page
- **Search terms:** primary: "tiktok safe zone" · secondary: "instagram reels safe zone template", "youtube shorts safe area", "instagram stories safe zone"
- **Checked against the app:** 2026-11-05

<a id="safe-zone-checker-tool"></a>
### Safe Zone Checker (free tool)

A free page on the Paraplex website: drop in a picture or a video and see what TikTok, Instagram and YouTube cover with their own buttons and captions, as shaded bands around a dashed safe box, with a plain mock of the app's interface on top if you like. Download a transparent 1080 × 1920 guide to lay over an edit in any video or design app, or your frame with the guide on it. No watermark and no account, and nothing is uploaded. Open in Paraplex starts a new 9:16 file with your picture or video filling it and the same guide on.

- The same zones as the editor: TikTok, Instagram Reels, YouTube Shorts, Instagram Stories, Feed 4:5 and Feed 1:1, a feed drawn as the crop it shows of a vertical video.
- Pictures (PNG, JPG, WebP) and videos (MP4, MOV, WebM); a video plays and scrubs under the guide.
- Guide PNG, Frame PNG and Open in Paraplex under the frame; Show turns the safe zones and the app interface on and off.
- Each platform says the month its numbers were last checked.

- **Where:** paraplex.ai/tools/safe-zone-checker
- **Page:** a section of [Social safe zones](#social-safe-zones)
- **Search terms:** primary: "safe zone checker" · secondary: "tiktok safe zone template png", "reels safe zone overlay", "youtube shorts safe zone template"
- **Checked against the app:** 2026-11-05

<a id="canvas-size-and-aspect-ratio-presets"></a>
### Canvas size and aspect ratio presets

Set any canvas width and height, or pick a preset: Widescreen 16:9, Landscape 3:2, Standard 4:3, Square 1:1, Portrait 3:4, Tall 2:3 or Vertical 9:16. New files start as Widescreen, Square, Portrait 4:5, Vertical, or an App Store iPhone or iPad size.

- **Where:** Menu › Aspect ratio; Canvas width and Canvas height at the top of the Scene's settings
- **Page:** a section of [One scene, every format](#one-scene-every-format)
- **Search terms:** primary: "video aspect ratio presets" · secondary: "9:16 video maker", "square video maker"
- **Media:** [One scene, every format](https://app.paraplex.ai/press/media#ui-still-artboards)
- **Checked against the app:** 2026-11-08

<a id="data-variants-and-batch-export"></a>
### Data variants and batch export

Import a spreadsheet and make one version of a piece per row, with columns matched to layers by name (a headline, a price, a number to count to). Export all variants renders them all as pictures, across every enabled format, in one job you can stop and resume.

- Text layers take a column's words; number counters count to its number, prices with a currency sign and thousands separators included.
- An empty cell leaves that layer as it is; the first column names each file.
- 20 rows in three formats make 60 pictures in one go, PNG or JPG as Image Export says.

- **Where:** Data variants in the quick-actions strip, or Menu › Data variants › Import sheet (CSV)… and Export all variants…
- **Page:** its own page
- **Search terms:** primary: "batch image generation from csv" · secondary: "personalized graphics at scale", "data driven design templates"
- **Checked against the app:** 2026-10-31

<a id="usdz-export-for-ar"></a>
### USDZ export for AR

Export the frame at the playhead as a USDZ file that opens in AR Quick Look on iPhone, iPad and Apple Vision Pro, standing on a table at about half a meter wide.

- It is one frame: motion, particle dots, lines, splats and the lens are left out, and the export says so.

- **Where:** Menu › Export USDZ (AR)…
- **Page:** its own page
- **Search terms:** primary: "export usdz online" · secondary: "ar quick look model", "3d design to ar"
- **Checked against the app:** 2026-10-31

<a id="projects-sharing"></a>
## 21. Projects, cloud and sharing

Work is kept as you go, follows your account to any computer, and can be shared to watch, to review, or as a copy to edit.

<a id="autosave-and-projects"></a>
### Autosave and projects

Every change is kept moments after you make it, with no Save to remember. A changed template becomes your own copy and a blank file becomes "Untitled", each with its own address you can bookmark, listed under Recent on the home page and on the My projects page. The Projects panel opens, saves, duplicates, renames and deletes projects.

- Going home, opening another project or starting a new one saves the one you leave, and says where it went.
- A template you only looked at is not kept.
- Menu › Save and Save As… name a project or save a copy under a new name.

- **Where:** Menu › Open project…; Recent on the home page; My projects at the top of the site
- **Page:** a section of [Online motion design editor](#online-motion-design-editor)
- **Search terms:** primary: "animation autosave" · secondary: "browser design tool save projects"
- **Checked against the app:** 2026-11-08

<a id="cloud-sync-version-history-and-bin"></a>
### Cloud sync, version history and bin

Sign in and your projects and library follow you to any browser or computer: projects made before signing in go up on their own, videos, sounds and pictures travel with them, and you can keep working offline. Each project keeps a History of recent saves to restore, and deleted projects wait in a Bin until you delete them forever.

- The library that syncs: design systems and brand assets, skills, components, shader presets, generated 3D models, plugins, asset packs and sound takes (Recent and Favorites in the Sounds panel).
- Each project in the Projects panel says whether it is in your account, saving to your account, or not yet in your account.
- If one project changed on two devices, the last save wins and the other version stays in its history.
- A project's media is stored once, however many projects and saves use it.

- **Where:** The account window: Keep projects and your library in the cloud; Menu › Open project… › History and Bin
- **Page:** a section of [Online motion design editor](#online-motion-design-editor)
- **Search terms:** primary: "cloud motion design projects" · secondary: "animation version history", "restore previous version design"
- **Checked against the app:** 2026-11-05

<a id="library-backup"></a>
### Library backup

Export library saves every project in the browser, with its pictures, plus your design systems, brand assets, skills, components, shader presets and the open scene, as one file. Import library restores it in any browser, keeping the newer version of a project that is in both.

- **Where:** Menu › Export library… and Menu › Import library…
- **Page:** a section of [Cloud sync, version history and bin](#cloud-sync-version-history-and-bin)
- **Search terms:** primary: "backup animation projects" · secondary: "export design library file", "move projects to another browser"
- **Checked against the app:** 2026-10-31

<a id="shareable-links-and-share-files"></a>
### Shareable links and share files

Copy shareable link publishes the piece as a web page anyone can watch, with its hover and click behaviors, and copies its address; Refresh shareable link updates it while the link stays the same. Export share file downloads a small file that opens in Paraplex as a preview, with Use as template for the viewer's own copy.

- The link's page is not listed anywhere, and search engines are asked not to show it.
- Needs sign-in.

- **Where:** Share › Copy shareable link; Menu › Export share file…
- **Page:** a section of [Interactive web embeds](#interactive-web-embeds)
- **Search terms:** primary: "share animation link" · secondary: "share motion design for review", "animation preview link"
- **Checked against the app:** 2026-10-31

<a id="send-an-editable-copy"></a>
### Send an editable copy

Send a copy makes a link that gives someone their own editable copy of a project, without publishing it anywhere and without them needing an account. Links work for seven days, and the two copies are separate from then on.

- The project must be saved in your account first.

- **Where:** Share › Send a copy…, or Send a copy on a project in the Projects panel
- **Page:** a section of [Cloud sync, version history and bin](#cloud-sync-version-history-and-bin)
- **Search terms:** primary: "share editable animation project" · secondary: "send design file copy link"
- **Checked against the app:** 2026-10-31

<a id="review-links-and-comments"></a>
### Review links and comments

Get review link gives a client or colleague a page where they watch the piece, press Comment and click the frame: the piece pauses there, and the comment is pinned to that moment and that spot. Reviewers need no account, only a name. You see every thread on your file, listed by its moment with numbered pins on the frame, and reply, resolve, reopen or revoke the link.

- A strip above the threads marks each comment on the piece's length; clicking one seeks the playhead there.
- Hide or show resolved threads.
- New review comments arrive in the site's notifications and, if you choose, by email.

- **Where:** Menu › Open project… › Review on a project in your account
- **Page:** its own page
- **Search terms:** primary: "video review and approval tool" · secondary: "frame accurate comments on animation", "client feedback on motion design", "share animation for review"
- **Checked against the app:** 2026-10-31

<a id="teams"></a>
### Teams

A team shares files and a library. Start one on the Teams page, invite people by email as editors or viewers, and move a project into the team for everyone on it to open; design systems, components, skills and plugins can be shared with the team and installed by its people, with Update when a newer version is shared.

- Roles: Owner, Editor and Viewer. A viewer opens team files to watch, not to change.
- Team files show in their own sections of the Projects panel.
- Invitations are emailed, and joined from the link.
- A team's plugins show under From (team name) in the Plugins window; Paraplex has not read them, so adding one shows a note saying so.

- **Where:** Teams in the site's account menu (app.paraplex.ai/teams); Move to (team name) on a project in the Projects panel; Share with (team name) beside your own components, design systems, skills and plugins
- **Page:** its own page
- **Search terms:** primary: "motion design team collaboration" · secondary: "shared animation library for teams", "team design files"
- **Checked against the app:** 2026-11-05

<a id="accounts-and-sign-in"></a>
### Accounts and sign-in

You can make and export without an account. Sign up with Google or an email, or sign in with a link sent to your email, to keep projects on every computer, share links and embeds, and publish templates. A first sign-in opens a welcome page to pick a template or start blank, and the account window holds your profile, cloud sync, privacy settings and sign-out.

- After signing in you come back to the page you were on.
- Email settings choose which emails come: comments on review links, a daily digest, and product news.
- Preferences and Simple or Full follow the account.

- **Where:** Sign up or Sign in at the top of the site, or Sign in in the editor's top bar
- **Page:** a section of [Cloud sync, version history and bin](#cloud-sync-version-history-and-bin)
- **Search terms:** primary: "free online animation account" · secondary: "sign in with google design tool", "animation app no account needed"
- **Checked against the app:** 2026-10-31

<a id="privacy-controls"></a>
### Privacy controls

Usage events and error reports carry no email and no scene content, and one switch in the account window turns them off along with Google's analytics tags. Code layers, generators and plugins run walled off from your projects and account, code from someone else reaches only the code libraries until you trust it, and your own API keys never leave the browser except to reach their service.

- **Where:** The account window: Send usage events and error reports
- **Page:** a section of [Online motion design editor](#online-motion-design-editor)
- **Search terms:** primary: "privacy friendly design tool" · secondary: "opt out usage analytics"
- **Checked against the app:** 2026-10-31

<a id="plugins-community"></a>
## 22. Plugins and community

Plugins add tools that make layers, and the community is where people share templates, components, design systems, skills, plugins, shaders and asset packs for anyone to use.

<a id="plugins"></a>
### ★ Plugins

Plugins are small tools that make layers in your scene from a few controls, such as a moving gradient in your brand's colors, a flow diagram, a comic page, a logo reveal or lyrics set as moving type. Each runs walled off from your projects and account, and says in plain words what it may reach (above all, whether it connects to the internet at all) before you add it. What a plugin makes stays live: change its settings and it redraws, keeping what you moved or retyped by hand, or Detach to keep its layers as ordinary layers.

- Paraplex's own: Brand gradient, Doodle, Flow diagram, Comic, Logo reveal, Kinetic captions, Product tour, Timeline, Org chart, KPI board.
- The Plugins window: Search plugins (by name, description or id), Browse community, and Learn more on a card for its page, with pictures of what it makes.
- Controls a plugin can show: sliders, switches, menus, colors, palettes, words, and lists of rows (the steps of a diagram, the panels of a comic) to edit, add to, reorder and remove; some can be keyed on the timeline.
- Actions are buttons a plugin adds, on its panel or on each row of a list, such as Add node after or Redraw.
- Hand edits: the layers a plugin lets you change keep your moves, words and keyframes each time it redraws, and the panel counts them; Reset hand edits puts them back.
- A plugin may ask for your design system (its colors, fonts, text styles and motion: easings, durations and staggers), or for Paraplex AI (it asks for your words first). One that uses Paraplex AI can make pictures as it runs, up to seven a run, and keeps them, so changing a setting redraws with the same pictures.
- Before a run that uses Paraplex AI, the Generate button and the plugin's panel show an estimate of what Generate and each action will use, and the estimate follows the settings.
- Plugins you add follow your account to other browsers.
- Every plugin, Paraplex's and the community's, has its own page with its icon, pictures, controls and whole code.
- Effects are the other kind of plugin: motion applied to layers you already have, in their own Effects window. The effects you make or add are listed in the Plugins window too, under Your effects, with Apply to selection.

- **Where:** The dock's Plugin button › Plugins…; select a plugin's layers for its panel
- **Page:** its own page
- **Search terms:** primary: "motion design plugins" · secondary: "animation plugins online", "after effects plugins alternative", "generative design plugin"
- **Media:** [Plugins](https://app.paraplex.ai/press/media#ui-still-plugins) · [Effects library](https://app.paraplex.ai/press/media#ui-still-effects-library) · [Your effects in Plugins](https://app.paraplex.ai/press/media#ui-still-effects-in-plugins)
- **Checked against the app:** 2026-11-08

<a id="flow-diagram-plugin"></a>
### Flow diagram plugin

Draws a process or a system as cards joined by lines, laid out for you in columns, with something moving along each line: an arrow, a pulse traveling to the arrowhead, marching dashes or a riding dot. Edit the cards and links as lists, or describe the flow in words and Paraplex AI writes both lists. Each card is a group you can move by hand, and its lines stay attached and follow it.

- Nodes (up to 24): a Label, a Detail line, a Kind (Card, Chip, Stat for a big number, Icon tile or Hub) and an Icon by its Lucide name, such as database, bot, chart-line or bell.
- Links: From one node To another, an optional Label, and a Flow (Arrow, Pulse, Dashes or Dot).
- Add node after on a row adds a card right after it, already linked from it; Draw from words replaces both lists from a description.
- Styles: Signal, Kelvin, Paper, Blueprint, or Design system for your design system's colors; Accent colors the hubs, numbers, icons and what moves.
- Direction: Left to right or Top to bottom; Spacing spreads the columns apart or draws them in; Reveal brings the cards in rank by rank, with the lines drawing on behind them.
- Adding it and editing it by hand never use Paraplex AI; only Draw from words does.

- **Where:** Plugins… › Add Flow diagram; select the diagram for its panel
- **Page:** a section of [Connectors for diagrams and flowcharts](#connectors-for-diagrams-and-flowcharts)
- **Search terms:** primary: "animated flow diagram maker" · secondary: "process diagram animation", "system architecture diagram animation", "ai flowchart generator"
- **Checked against the app:** 2026-11-08

<a id="comic-plugin"></a>
### Comic maker

Makes a comic page from a story: panels with pictures drawn in one style, and captions, speech balloons and sound effects as text you can edit and animate. Write from story has Paraplex AI write the cast and the panels; Draw panels draws them, the first picture setting the look the rest follow, so the characters stay recognizable from panel to panel. The pictures never contain words, so any word can be retyped.

- Cast: up to 4 characters, each with a Name and a Look, repeated in every picture they are in.
- Panels: up to 6, each with a Scene, a Shot (Wide, Medium or Close-up), a Caption, a Speaker, a Balloon, the speaker's Side and a Sound such as BANG.
- Draw panels draws every panel whose picture no longer matches its words or the style, a whole page in one press; Redraw on a row draws that panel again.
- Styles: Classic, Ink, Manga, Ligne claire, Noir and Watercolor. Pictures chooses Flash, the quicker image model, or a steadier one for faces and details.
- Layout: Page (rows of panels), Strip (one row) or Feature (one tall panel and the rest beside it); Gutter and Border set the space between panels and the line around them.
- Lettering: Marker, Hand or Clean. Halftone lays printed dots over the pictures, Push in moves slowly into each picture, and Reveal brings the panels in reading order with the balloons popping on.
- Adding it puts a sample page in the scene, lettered but not yet drawn; writing and drawing use Paraplex AI, with an estimate shown before each press.

- **Where:** Plugins… › Add Comic; select the page for its panel
- **Page:** its own page
- **Search terms:** primary: "ai comic maker" · secondary: "comic strip generator", "animated comic", "make a comic from a story"
- **Checked against the app:** 2026-11-08

<a id="logo-reveal-plugin"></a>
### Logo reveal plugin

Brings your logo in, then your name: the mark is drawn on as an outline and filled, gathered from a cloud of particles, or risen into place, a glint crosses it once it lands, and the wordmark and tagline follow it. Drop in your logo's SVG, select it together with the plugin's layer, and Use selected makes it the mark. It never uses Paraplex AI.

- Reveal: Draw on, Particles or Rise; Glint on or off.
- Layout: Stacked, Side by side, Mark only or Words only; Type: Sans, Light or Display.
- Mark colors: the Logo's own or One color; Mark size, the Particles color, Text color and Background.
- Use sample goes back to the sample mark.
- The mark, the wordmark and the tagline are ordinary layers: move or retype them by hand and they stay that way when you change a control.

- **Where:** Plugins… › Add Logo reveal; select your logo, ⌘-click the logo reveal's layer, then Use selected in its panel
- **Page:** a section of [Particle logo reveal](#particle-logo-reveal)
- **Search terms:** primary: "logo reveal maker" · secondary: "logo intro animation online", "svg logo animation", "logo draw on animation"
- **Checked against the app:** 2026-11-08

<a id="kinetic-captions-plugin"></a>
### Kinetic captions plugin

Turns lyrics or captions into big moving type, a line at a time, each word landing on the beat. Type a line each, put an asterisk on each side of a word to make it the line's emphasis (in the accent color and a size up), and set the tempo. Every word is its own text layer, to restyle or nudge by hand. It never uses Paraplex AI.

- Styles: Stomp (tall condensed capitals), Pop, Lyric (softer, smaller) and Typewriter; Letters: As the style, As written or Upper.
- Timing: Beats holds each line for Beats a line at the Tempo (60 to 200 beats a minute), its words landing on the beats between, from Start, the track's first downbeat; Even spreads the lines over the whole scene.
- Position: Center or Lower third; Size, Text color, Accent and Background.

- **Where:** Plugins… › Add Kinetic captions; select the words for its panel
- **Page:** its own page
- **Search terms:** primary: "lyric video maker" · secondary: "animated captions", "kinetic lyrics", "beat synced text animation"
- **Checked against the app:** 2026-11-08

<a id="product-tour-plugin"></a>
### Product tour plugin

Shows an app's screens one after another in a phone or a browser window, a caption for each beside the device, below it or not at all, and a cursor tapping its way through them with a ripple before the next screen slides, fades or cuts in. Drop in your screenshots, select them in order with the tour, and Use selected makes them the screens. It never uses Paraplex AI.

- Device: Phone or Browser (with an Address in its bar); Device size, Device color, Text color, Accent and Background.
- Screens: a Caption each, where the cursor taps (across and down the screen, 0 to 1) and whether it taps at all; Add screen adds one.
- Captions: Beside, Below or None; Transition: Slide, Fade or Cut; Hold sets the seconds each screen stays and Start when the first appears.
- Use sample goes back to the three sample screens.

- **Where:** Plugins… › Add Product tour; select your screenshots, ⌘-click the tour's layer, then Use selected in its panel
- **Page:** its own page
- **Search terms:** primary: "app walkthrough video maker" · secondary: "product tour video", "app demo video from screenshots", "phone mockup animation"
- **Media:** [Product tour plugin](https://app.paraplex.ai/press/media#ui-still-plugin-product-tour)
- **Checked against the app:** 2026-11-08

<a id="timeline-plugin"></a>
### Timeline plugin

Lays milestones along a line, cards above and below in turn, the line filling in the accent up to the work under way and that milestone pulsing; or, as a plan, bars in lanes under columns, done ones muted, the current one in the accent, the next ones outlined, with a Today line down the column under way. Each milestone or bar is a group of ordinary layers. It never uses Paraplex AI.

- Milestones (up to 16): a Title, a Detail, When (a date or a quarter), a Lane, a Length in columns and a Status (Done, Now or Next).
- Layout: Milestones, or bars in lanes: each different When is a column and each Lane a row, and bars that would overlap in a lane take a row each.
- Styles: Signal, Kelvin, Paper, Blueprint, or Design system for your design system's colors; Spacing, Accent, Today line and Reveal.

- **Where:** Plugins… › Add Timeline; select it for its panel
- **Page:** its own page
- **Search terms:** primary: "timeline animation maker" · secondary: "product plan video", "milestone timeline animation", "project timeline video"
- **Media:** [Timeline plugin as a plan of lanes](https://app.paraplex.ai/press/media#ui-still-plugin-timeline)
- **Checked against the app:** 2026-11-06

<a id="org-chart-plugin"></a>
### Org chart plugin

Lays a team out as a tree from who reports to whom, each manager centered over their reports, a card with initials, name and role for each person, and an elbow line to each report that stays pinned to the cards when you move one. A report that would make a loop is dropped, and someone whose manager is not in the list starts a tree of their own. It never uses Paraplex AI.

- People (up to 30): a Name, a Role, who they Report to (chosen from the list), and Highlight to outline them in the accent.
- Initials turns the circles on or off; Reveal brings the chart in level by level, the lines drawing down to each person.
- Styles: Signal, Kelvin, Paper, Blueprint, or Design system; Spacing and Accent.

- **Where:** Plugins… › Add Org chart; select it for its panel
- **Page:** its own page
- **Search terms:** primary: "animated org chart maker" · secondary: "org chart video", "team structure animation", "organization chart generator"
- **Media:** [Org chart plugin](https://app.paraplex.ai/press/media#ui-still-plugin-org-chart)
- **Checked against the app:** 2026-11-06

<a id="kpi-board-plugin"></a>
### KPI board plugin

A board of numbers: a tile per metric whose value counts up from zero, the change since last time colored by which way it went, and a sparkline that draws on, beside a bar, line, area or donut chart, laid out as a bento or a row. Each value is a text layer with a number counter and the chart an ordinary chart, so Edit chart changes its data. It never uses Paraplex AI.

- Metrics (up to 6): a Label, a Value with an optional Prefix, Suffix and Decimals, a Change, a Trend (Up in the accent, Down in red, Flat in gray) and a Sparkline from comma-separated numbers.
- Chart: Bar, Line, Area, Donut (with a legend of each slice's share) or None, from Chart data under a Chart title.
- Layout: Bento (the chart large beside the tiles) or Row (the tiles across the top); Numbers: Count up, Roll or Still.
- Styles: Signal, Kelvin, Paper, Blueprint, or Design system; Title, Spacing, Accent and Reveal.

- **Where:** Plugins… › Add KPI board; select it for its panel
- **Page:** a section of [Animated charts from data](#animated-charts-from-data)
- **Search terms:** primary: "animated kpi dashboard video" · secondary: "metrics dashboard animation", "animated stats video", "number counter dashboard"
- **Media:** [KPI board plugin](https://app.paraplex.ai/press/media#ui-still-plugin-kpi-board)
- **Checked against the app:** 2026-11-06

<a id="effects"></a>
### Effects

Effects are motion you apply to layers you already have: a card that flips in, words typed out or scrambled into place, a glitch, a ripple, a dissolve, a shine of light across a card, a picture closing in out of halftone dots. Select one layer or several, pick an effect, and it lands as ordinary keyframes and passes on each layer, one after another, timed from where each layer starts. Every effect stays on the layer as a record, so the Effects panel can change its settings later (on every layer it reached at once) or take it off cleanly, putting back what the layer had before.

- Paraplex's own: Jelly settle, Card flip, Typewriter, Scramble text, Glitch in, Ripple in, Dissolve, Blur in, Light sweep, Halftone fade, Photocopy, Newsprint, Gritty grain, Scrapbook edge, Stop-motion boil, Erode, Block build, Clock wipe, Slice smear, Scatter type, Block type, Thermal, Photo pan, TV warp, Signal, VHS tape, RGB split, Scan lines, CRT screen.
- In the Effects window each effect plays as a looping thumbnail on a sample card (or a line of words, for the text effects), drawn by the same renderer as an export, so you see what it does before you apply it; with reduced motion it holds still.
- Each has a Delay and a Duration, and some their own settings, such as Card flip's Axis, Typewriter's Letters a second or Light sweep's Angle, Width and Light.
- An effect can move a picture inside its frame, as Photo pan does with a push in, a pull out or a pan across a photo; the Effects window plays such an effect on a sample photo.
- An effect can bring a look of its own, a shader written for it, as Light sweep and Halftone fade do: it is checked to compile before it lands, works across the layer wherever it sits, and shows in the layer's effects under the effect's name with its dials.
- Values are relative where it matters: an effect that scales a layer scales it from the size you gave it, and keeps the keyframes you already had.
- On the timeline each effect is a lane of its own, named for it, from its first keyframe to its last: drag its ends to move or stretch it (its Delay and Duration follow, on every layer it reached), or delete a diamond to take it off.
- Applying to several layers is one step to Undo; Remove here takes an effect off one layer and leaves the rest.
- Effects you make or add are listed in the Plugins window too, under Your effects, where they apply to the selection and are shared with a team, on a test link or in the community the same ways as a tool; the community listing's picture is the effect on a sample card.
- An effect that asks for your brand gets your design system's motion: its easings by name, its durations and staggers, so an effect can move on the brand's curves.
- A design system carries its effects, with the settings the brand uses them with: in a project that follows it they come first in the Effects window. A system names its effects and never holds their code, so a published system's community effects are added through their own listings, and your own effects stay with you.
- Effects are a kind of plugin: they run walled off from your projects and account, and never use Paraplex AI.

- **Where:** Right-click a layer › Apply an effect…, or Animation › Effects…; select the layer for the Effects panel
- **Page:** a section of [Plugins](#plugins)
- **Search terms:** primary: "text animation effects online" · secondary: "typewriter effect video", "card flip animation", "glitch text effect", "apply animation preset to layer"
- **Media:** [Effects library](https://app.paraplex.ai/press/media#ui-still-effects-library) · [A design system's effects](https://app.paraplex.ai/press/media#ui-still-effects-design-system) · [Your effects in Plugins](https://app.paraplex.ai/press/media#ui-still-effects-in-plugins) · [Effects panel](https://app.paraplex.ai/press/media#ui-still-effects-panel) · [Light sweep effect](https://app.paraplex.ai/press/media#ui-still-effects-light-sweep) · [Effect lane on the timeline](https://app.paraplex.ai/press/media#ui-still-effects-lane) · [Halftone fade effect](https://app.paraplex.ai/press/media#ui-still-effects-halftone-fade) · [Animate with AI](https://app.paraplex.ai/press/media#ui-still-effects-animate-ai) · [Photo pan](https://app.paraplex.ai/press/media#ui-still-photo-pan)
- **Checked against the app:** 2026-11-08

<a id="animate-with-ai"></a>
### Animate with AI

Select a layer, or several, and describe how it should move, such as "drops in from above, squashes on landing and settles". Paraplex AI writes it as an effect with a few settings of its own, tries it, and it lands on your layers as ordinary keyframes you can see on the timeline. Ask for a change ("slower, more overshoot") and the same effect is rewritten and re-applied in place; each version is one Undo. Keep leaves it on the layers and in your effects to use again anywhere; Discard takes it off.

- Show code shows the effect's code, which runs walled off as every plugin does.
- When no look in the library fits, it can write one, a shader of the effect's own, which is checked to compile before it is used and tried again once with what went wrong.
- What it writes stays relative to each layer: it starts and ends where you put the layer, and keeps the keyframes the layer had.
- A kept effect is in the Effects window beside Paraplex's own, and its settings are in the Effects panel when its layer is selected.
- Applied to several layers, it runs on each in turn and can stagger them.
- On a picture it can move the photo inside its frame, a push in or a pan across, and it can use your design system's easings, durations and staggers.

- **Where:** Right-click a layer › Animate with AI…; Animation › Animate with AI…; Effects › Animate with AI…
- **Page:** a section of [Plugins](#plugins)
- **Search terms:** primary: "ai animation generator for layers" · secondary: "animate with ai", "describe an animation", "ai motion effect maker", "text to animation"
- **Media:** [Animate with AI](https://app.paraplex.ai/press/media#ui-still-effects-animate-ai)
- **Checked against the app:** 2026-11-08

<a id="make-your-own-plugin"></a>
### Make your own plugin

Describe a plugin in a sentence, such as "confetti that bursts from the middle, in my brand colors, with a count and a spread", and Paraplex AI writes it, icon included; or import a plugin's files (a plugin.json and its module, as a folder, a zip or two files). Either way it is tried against a copy of your scene before it is kept, and nothing is saved until it builds. Plugins you make or import are yours alone until you share or publish them.

- Make a plugin makes either kind: a Tool, which makes layers, or an Effect, which animates layers you already have and is kept with your effects.
- A plugin can make shapes, text, drawings, groups, connectors pinned to its own layers, icons, charts, bentos, particle clouds, auto layouts, component instances and pictures, and give them gradients, materials, masks, effects, text animations, motion presets, clips, motion paths and keyframes.
- It changes only the layers it made. A drawing you select together with it is handed to it, which is how Logo reveal takes your logo.
- Its controls can include lists of rows, with links from one list's rows to another's for graphs, and actions on its panel or on each row.
- With Paraplex AI it can write words and make pictures as it runs, each new picture following its earlier ones, and it can say ahead of time what a run will use, which its card and panel show before you press.
- Put an icon.svg or icon.png beside plugin.json to give it an icon; without one it gets a tile with two letters of its name.

- **Where:** Plugins… › Make a plugin (Tool or Effect, then describe it, or Import plugin…); Download and Remove on one of yours
- **Page:** a section of [Plugins](#plugins)
- **Search terms:** primary: "ai plugin maker" · secondary: "make a plugin from a prompt", "custom animation plugin"
- **Checked against the app:** 2026-11-08

<a id="publish-and-install-plugins"></a>
### Publish and install plugins

Publish one of your plugins to the community with a page of its own: an icon, a tagline, up to six pictures, a description, a category and tags, and a line on why it reaches each website or uses AI. A person at Paraplex reads every plugin before it is listed, and the bell says what they decided, with their note when it is not listed. Anyone can then add it from its page after seeing what it can reach and its code; when a newer version is listed, Update brings it in, and a plugin taken down stops running.

- Where each stands, on its card: In review, Listed in the community, Not listed (with review's note and Publish again…) or Hidden by review.
- The form captures the canvas for the first picture; Capture the canvas takes another, Add pictures adds JPEG, PNG or WebP files, and Cover picks the first.
- Categories: Shaders, 3D materials, Brushes, Assets and textures, HTML embeds, Lighting, Motion, Diagrams, Text, AI and Data.
- Publish update… starts from the listed version and adds What changed; the listed version stays up while the update is in review, and stays if the update is not approved.
- An update that asks to reach more than the version you have says so, and goes in only with Allow and update.
- Take down removes a listed plugin from the community: copies people added stop running, and what they made stays.
- Submit a plugin → sends one made outside Paraplex from its files, with the same form, and saves it to your library.
- Effects you made publish the same way, from Your effects in the Plugins window, with the effect caught on a sample card as the first picture; an effect added from its page goes to your effects.
- Publishing needs sign-in and a handle.

- **Where:** Plugins… › Publish… on one of yours; Submit a plugin → on app.paraplex.ai/plugins; Add plugin on a plugin's page
- **Page:** a section of [Plugins](#plugins)
- **Search terms:** primary: "community animation plugins" · secondary: "install motion design plugin", "share a plugin"
- **Checked against the app:** 2026-11-08

<a id="plugin-team-and-test-links"></a>
### Share a plugin with your team or a test link

Before publishing, hand a plugin or an effect you made to the people you work with. Share with and your team's name puts it in the team's library, where everyone on the team finds it under From and the team's name at the bottom of the Plugins window; Share a test link copies a link that anyone signed in can open to add it. Neither way is read by Paraplex first, so the person adding it sees a note saying so, above what it can reach and its code.

- Update (team name)'s copy sends a new version to the team; Take out of (team name) removes it. Owners and editors share; anyone on the team can install.
- Copy test link copies it again, Send this version to it updates what the link adds, and Turn off test link stops it.
- Up to 5 test links can be on at once; turn one off to make another.
- Copies people already added stay theirs when a plugin leaves the team or its link is turned off.
- Effects share the same ways, from Your effects in the Plugins window; an effect added from a team or a link appears in the Effects window.

- **Where:** Plugins… › on one of yours: Share with (team name), Share a test link
- **Page:** a section of [Plugins](#plugins)
- **Search terms:** primary: "share plugin with team" · secondary: "private plugin test link", "team plugin library"
- **Checked against the app:** 2026-11-07

<a id="community-gallery"></a>
### ★ Community gallery

The community is where people share what they make with Paraplex, free to use: templates to open as your own, components to drop into any scene, design systems, assistant skills, plugins, custom shaders and asset packs. Browse by kind, search, and sort by Newest, Most used or Featured; Use template opens your own editable copy, and theirs stays theirs.

- Kinds: All, Templates, Components, Design systems, Skills, Plugins, Shaders and Asset packs.
- A template: Use template. A component: Add to your library, then drag it in from the Components panel. A design system: Install, then Use in project. A skill: Add to your assistant, after reading its whole text. A plugin: Add plugin, after seeing what it can reach and its code. A shader: Add shader, after seeing its parameters and whole program. An asset pack: Add pack, after seeing every file with its kind, license and credit.
- Skills and plugins are read by a person at Paraplex before they are listed. Shaders and asset packs are listed at once and read by an automatic check within minutes: anything harmful is taken down (its maker is told why, and a person looks at every takedown), and anything unsure stays listed while a person looks.
- Community templates also show on the Templates pages under From the community.
- Some makers keep a template to watch, not to copy.
- A piece marked It runs code can use only the code libraries until you trust it.
- Report this on any community page sends it to Paraplex's review.

- **Where:** Community at the top of the site (app.paraplex.ai/community), or Menu › Library… › Community in the editor
- **Page:** a section of [Motion design templates](#motion-design-templates)
- **Search terms:** primary: "motion design community gallery" · secondary: "remix animation templates", "shared 3d animations"
- **Checked against the app:** 2026-11-08

<a id="share-to-the-community"></a>
### Share to the community

Publish a template, a component, a design system, a skill, a plugin, a custom shader or an asset pack of your own for anyone to use, with your name on it. A published embed can be shown in the community gallery too. Skills and plugins are read by a person at Paraplex before they are listed; shaders and asset packs are listed at once and checked automatically within minutes.

- Plugins, shaders and asset packs show where each stands: In review, Listed in the community, Not listed or Hidden by review; Publish update… sends a new version and Take down removes it, while your own copy stays.
- The bell says when something you sent is listed, not listed (with review's note) or taken down (with the reason).
- A design system is published without its uploaded fonts.
- Publishing needs sign-in and a handle.

- **Where:** Share › Save as template… (Publish template to Showcase); Components panel › Yours › ••• › Publish to the community; Publish… on a design system in Menu › Library…; Publish on a skill in the assistant's Skills; Plugins… › Publish… on one of yours; the Shader panel's Presets… › Publish…; Menu › Library… › Asset packs › Publish…; Publish embed… › Show in the community gallery
- **Page:** a section of [Community gallery](#community-gallery)
- **Search terms:** primary: "share motion design templates" · secondary: "publish animation components", "share design system"
- **Checked against the app:** 2026-11-05

<a id="community-shaders"></a>
### Share and add custom shaders

Publish a custom shader you wrote to the community, with the canvas as its cover, a description and tags, and add other people's to your own shader presets. Adding one shows its parameters and its whole program first, and when its maker lists a newer version, Update brings it in. Shaders are listed at once, and an automatic check reads each one within minutes: a program built to freeze someone's computer is taken down, and one that looks like someone else's work stays listed while a person checks where it came from.

- A program that looks like it came from Shadertoy asks you to confirm that you wrote it or that its license lets you share it.
- Save over writes the open program over one of yours; Publish update… then lists the new version, checked the same way.
- Take down removes it from the community; your copy stays.
- Each shader's page shows its cover, its parameters and its whole program.
- Publishing needs sign-in and a handle.

- **Where:** The Shader panel › Presets… (Load, Save over, Publish…, Browse community); app.paraplex.ai/shaders › Add shader
- **Page:** a section of [Custom shaders (GLSL and Shadertoy)](#custom-shaders-glsl-and-shadertoy)
- **Search terms:** primary: "community glsl shaders" · secondary: "share a glsl shader", "free shader presets", "shader library online"
- **Checked against the app:** 2026-11-08

<a id="profiles-and-follows"></a>
### Profiles and follows

Every maker who shares gets a profile page at app.paraplex.ai/@handle, with a cover picture, headline, bio, links and a tab for each kind they have published, and Follow for people who like their work. A bell on the site says when someone follows you, when someone you follow publishes, when your work is used as a template or featured, when something you sent is listed, not listed or taken down, and when a reviewer comments on your file.

- Tabs: Templates, Components, Design systems, Skills, Plugins, Shaders and Asset packs.

- **Where:** Set up your profile (or Your profile) in the site's account menu
- **Page:** a section of [Community gallery](#community-gallery)
- **Search terms:** primary: "motion designer portfolio profile" · secondary: "follow motion designers", "animation creator profile"
- **Checked against the app:** 2026-11-08

<a id="catalog-pages"></a>
### Components, design systems, skills, plugins, shaders and asset packs pages

Paraplex's own building blocks each have a page on the site to browse before opening the editor: the 64 built-in components (the 12 animated titles among them), the 10 built-in design systems, the 19 built-in assistant skills and the 10 built-in plugins, each with what it is and how to use it, beside what the community has shared. Community shaders and asset packs have pages of their own too.

- Design systems: Glass on black, Chrome studio, Kelvin, Aero, Editorial, Fluo, Infrared, Maison, Broadsheet, Chartroom.
- Skills: motion-fundamentals, typography-in-motion, camera-language, editing-and-rhythm, look-and-color, paraplex-recipes, logo-match-cut, documentary-shorts, solid-modelling, motion-craft-in-paraplex, emil-design-eng, animate, review-animations, animation-vocabulary, apple-design, find-animation-opportunities, pick-ui-library, prototype, improve-animations.
- Plugins: Brand gradient, Doodle, Flow diagram, Comic, Logo reveal, Kinetic captions, Product tour, Timeline, Org chart, KPI board. A plugin's page shows its icon, pictures of what it makes, what it can reach, its controls and its whole code; a community plugin's also shows its tagline, category, tags, why it connects, What changed and a support link.
- A shader's page shows its cover, parameters and whole program, with Add shader; an asset pack's page lists every file with its kind, license and credit, with Add pack.

- **Where:** app.paraplex.ai/components, /design-systems and /skills from the site's navigation and the Templates menu; /plugins, /shaders and /asset-packs from the Community page and the editor's Learn more and Browse community links
- **Page:** a section of [Community gallery](#community-gallery)
- **Search terms:** primary: "animated ui components library" · secondary: "motion design system examples", "ai assistant skills for design"
- **Checked against the app:** 2026-11-08

<a id="catalogs"></a>
## Catalogs

Everything the counts above count, by the names the app shows.

- **Tools the assistant edits with (161):** add_panel, add_group, add_light, add_text, add_shape, set_gradient, write_code_layer, edit_code_layer, read_code_layer, set_shader_fill, set_image_effects, set_stroke, set_sweep, set_behavior, set_embed_controls, set_text_animation, duplicate, delete_layer, parent_into, get_brand, set_property, set_material, set_rig, assign_media, add_keyframe, set_keyframes, clear_keyframes, set_texture, set_appearance, animate_layer, add_camera_move, set_camera, set_camera_shake, set_background, set_scene_look, set_duration, set_frame_pin, apply_text_style, set_film_overlay, set_documentary_look, script_beats, set_retro_look, add_effect, mosh_cut, remove_effect, set_frame_rate, set_speed_ramp, animate_frames, add_blob, key_to_beat, add_formation, key_formation, set_formation_field, add_generator, write_generator, read_generator, add_adjustment, draw_vector, add_preset, generate_model, set_state_machine, set_theme, import_lottie, generate_room, generate_image, read_reference, use_reference, compare_to_reference, stamp_particles, form_particles, mesh_particles, set_match_cut, set_layout, add_bento, set_text_swap, set_mask, set_follow_path, make_motion_path, morph_to, set_layer_hold, set_echo, set_model_animation, set_vat, add_cloth_drop, break_into_cubes, combine_layers, stamp_layers, combine_paths, set_ground_shadow, set_studio_render, look_through, add_iris, add_callout, add_map, pan_photo, make_parallax, make_flip_card, inspect_frames, set_corners, set_shadows, set_motion_preset, add_layer_effect, remove_layer_effect, add_auto_layout, align_layers, add_chart, edit_chart, bind_data, set_formula, set_physics, set_scene_physics, simulate_physics, connect, add_particles, add_unit_chart, add_media_frame, add_captions, add_voiceover, add_sound_effect, sound_design_pass, add_music, score_scene, set_unit_chart, set_clip, set_clip_transition, add_transition, clear_transitions, set_markers, set_canvas, set_formats, set_counter, add_cursor, add_ui_overlay, add_beat_bed, set_audio, set_mix, set_volume_keys, duck, add_audio_effect, set_audio_effect, write_shader, edit_shader, read_shader, create_component, insert_component, set_instance_override, detach_instance, add_icon, search_icons, add_kit_component, add_instance, set_variant, set_kit_mode, lift_html, smart_animate, perform, build_screen, set_component_state, set_state, ask_user, build_scene
- **Built-in components (64):** Lower third, Kinetic headline, Highlighted word, Chrome title, Stat callout, Chapter title, Pull quote, Typed line, Split headline, Hero title, Caption pill, End card, Card stack, Horizontal slideshow, Vertical slider, Filmstrip, Filmstrip, vertical, Filmstrip with captions, Parallax gallery, Radial gallery, Depth slider, Website showcase, Browser window, Laptop, Tablet, Phone, Gradient ribbon, Sticker pills, Website hero, Laptop rise, Case studies, Client list, Product swap, Spinning badge, Phone on glass, About card, Color swatches, Typeface, Website card, Logo clearance, Pipeline, Info card, Contour terrain, Mark construction, Insight card, bars, Insight card, ridge, Insight card, blocks, Figure slam, Range bands, Cost blocks, Jagged line, Reading pill, Comparison lines, Comparison card, Audience bars, Bars under a cursor, Line to a tooltip, Scrubbed curve, Completion ring, Step chart, Channel funnel, Split bar, KPI figure, Profiles completed
- **Built-in design systems (10):** Glass on black, Chrome studio, Kelvin, Aero, Editorial, Fluo, Infrared, Maison, Broadsheet, Chartroom
- **Built-in plugins (10):** Brand gradient, Doodle, Flow diagram, Comic, Logo reveal, Kinetic captions, Product tour, Timeline, Org chart, KPI board
- **Built-in effects (29):** Jelly settle, Card flip, Typewriter, Scramble text, Glitch in, Ripple in, Dissolve, Blur in, Light sweep, Halftone fade, Photocopy, Newsprint, Gritty grain, Scrapbook edge, Stop-motion boil, Erode, Block build, Clock wipe, Slice smear, Scatter type, Block type, Thermal, Photo pan, TV warp, Signal, VHS tape, RGB split, Scan lines, CRT screen
- **Built-in assistant skills (19):** motion-fundamentals, typography-in-motion, camera-language, editing-and-rhythm, look-and-color, paraplex-recipes, logo-match-cut, documentary-shorts, solid-modelling, motion-craft-in-paraplex, emil-design-eng, animate, review-animations, animation-vocabulary, apple-design, find-animation-opportunities, pick-ui-library, prototype, improve-animations
- **Camera move presets (8):** Push in, Pull back, Pan, Tilt, Orbit, Whip, Dolly zoom, Rack focus
- **Clip transitions (11):** Fade, Slide up, Slide down, Slide left, Slide right, Zoom, Push up, Push down, Push left, Push right, Zoom through
- **Cursor styles (7):** macOS, Windows, Figma, Ring, iPad, Hand, Classic
- **Export for destinations (4):** App Store preview, Keynote, PowerPoint, Google Slides
- **Browser and device frames (2):** Browser, Phone
- **Effects in the effect library (27):** Chromatic aberration, Glitch, VHS, Pixelate, Edge / X-ray, Afterimage, Posterize, Duotone, LUT (.cube), Vignette, Loupe, Ripple, Dissolve, RGB shift, Bad TV, Halftone dots, ASCII, Directional blur, Smear, Wave (deform), Bulge (deform), Twirl (deform), Skew (deform), Jelly (deform), Datamosh, Cursor lens, Fluid reveal
- **Lighting environments (11):** Studio Soft, Studio Contrast, Softbox Duo, Golden Hour, Night, Neutral Room, Sky · Midday, Sky · Afternoon, Sky · Sunset, Gradient, HDRI
- **Film overlay presets (8):** Light leak, Film scratches, Dust, Film burn, Expired 8 mm, Dusty archive, Scratched print, Washed 16 mm
- **Built-in fonts (35):** Poppins, Montserrat, Figtree, Sora, Space Grotesk, Playfair Display, DM Serif Display, JetBrains Mono, Anton, Bebas Neue, Arimo, TeX Gyre Heros, Inter, Instrument Serif, Mr Dafoe · signature, Great Vibes · script, Permanent Marker, Caveat · handwriting, DSEG7 · seven-segment, DSEG14 · fourteen-segment, Bricolage Grotesque, Unbounded, Bungee, IBM Plex Mono, Source Code Pro, Courier Prime · typewriter, Noto Serif, Redaction 20, Domine · slab, Bitter · slab, Lacquer · handwriting, Splash · brush, UnifrakturMaguntia · blackletter, Yellowtail · script, Jost · geometric
- **Format presets (7):** Landscape 16:9, Vertical 9:16, Square 1:1, Portrait 4:5, Classic 4:3, App Store iPhone, App Store iPad
- **Frame rates (10–120 fps):** 10 fps, 12 fps, 15 fps, 24 fps, 25 fps, 30 fps, 48 fps, 50 fps, 60 fps, 120 fps
- **Generator starters (5):** Galaxy, City blocks, Terrain, Grass, Orbits
- **Glass presets (6):** Liquid Glass, Crystal, Oil Slick, Frosted Thick, Ice, Smoked
- **Camera HUD overlays (4):** Camcorder REC, Viewfinder, 16 mm film frame, Date stamp
- **Animate in and out presets (9):** Fade, Rise, Drop, Scale, Pop, Slide from the right, Slide from the left, Blur, Blur up
- **One-click material looks (24):** Oak, Walnut, Paper, Cardboard, Terracotta, Porcelain, Concrete, Plaster, Worn, Brushed steel, Chrome, Gold, Copper, Holographic, Leather, Velvet, Rubber, Glass, Frosted, Crystal, Liquid glass, Acrylic, Cast acrylic, Dark glass
- **Media frames (15):** Polaroid, Torn, rough, Torn, Torn, clean, Paper card, Round portrait, Torn label, Post-it, Cardboard, Notebook page, Newspaper, Typed memo, 95 window, XP media player, Photo booth
- **Motion presets (5):** Squash & stretch, Follow-through, Anticipation, Lean, Bounce on arrival
- **Particle presets (2):** Dot grid, Matrix
- **Physics presets (4):** Flag, Smoke, Splash, Stack
- **Retro looks (2):** PlayStation, Nintendo 64
- **Template categories (14):** App promo, Brand promo, Starter templates, Documentary & explainers, Website hero visuals, Titles & text, Demos and walkthroughs, UI mockups, Logo animations, Sales & promotions, Social media, Infographics, Materials, Retro & vintage
- **Templates (89):** Join the waitlist, Fintech app launch, Wallet app promo, Nonstop, Branding reel bento, Idea reel, Collage system, Brand board, Haven: Type, Haven: System, Haven: In use, Voice AI launch, Voice AI: how it works, Voice AI: trust, Loupe: Make, Loupe: Share, Loupe: Together, Glint, Glint Short, The Drift liquid glass, Kiln promo, Tend: Reach, Tend: Agents, Tend: Proof, Takefive promo, Vela: Countdown, Vela: Lockup, Ines Varga reel, Ask anything, Cobalt, Frames wall, Portfolio wall, Card stack, Card stack, chrome, Website showcase, Cosmos fly-through, Depth of field slider, Parallax gallery, Horizontal slider, Vertical slider, Horizontal filmstrip, Vertical filmstrip, Filmstrip with captions, Warp drive, Chrome & glass hero, Fisheye work wall, Glass list hero (website loop), Liquid metal hero, Bento hero, Kinetic stomp, Type in motion, Glitch title, Louder, Stat drop, Margin notes, Title slide, Section slide, App launch, Click-through demo, Cursor tour, App launch (your UI), Liquid glass nav, Glass cards, Logo swarm, From a dot, Logo match cut, Product launch, On sale, Why it sells, Three things that sell, The AI ROI gap, Whiteboard explainer, Match-cut stack, Card stack, glass, Animated charts, Chart drop, Number slide, Cloud of things, Dot lattice, Neon sign, Glass type, Slow craft, Wood and clay, CRT signal, Y2K desktop, Frutiger Aero bubbles, Camcorder, Expired reel, PS1 room
- **Templates by category (14):** App promo: Join the waitlist, Fintech app launch, Wallet app promo, Voice AI launch, Voice AI: how it works, Voice AI: trust, Loupe: Make, Loupe: Share, Loupe: Together, Kiln promo, Tend: Reach, Tend: Agents, Tend: Proof, Takefive promo, Ask anything, Cobalt, Brand promo: Nonstop, Branding reel bento, Idea reel, Collage system, Brand board, Haven: Type, Haven: System, Haven: In use, Glint, Glint Short, The Drift liquid glass, Vela: Countdown, Vela: Lockup, Ines Varga reel, Starter templates: Frames wall, Portfolio wall, Card stack, Card stack, chrome, Website showcase, Cosmos fly-through, Depth of field slider, Parallax gallery, Horizontal slider, Vertical slider, Horizontal filmstrip, Vertical filmstrip, Filmstrip with captions, Warp drive, Documentary & explainers: The AI ROI gap, Whiteboard explainer, Website hero visuals: Chrome & glass hero, Fisheye work wall, Glass list hero (website loop), Liquid metal hero, Bento hero, Titles & text: Kinetic stomp, Type in motion, Glitch title, Louder, Stat drop, Margin notes, Title slide, Section slide, Demos and walkthroughs: App launch, Click-through demo, Cursor tour, App launch (your UI), UI mockups: Liquid glass nav, Glass cards, Logo animations: Logo swarm, From a dot, Logo match cut, Sales & promotions: Product launch, On sale, Social media: Why it sells, Three things that sell, Match-cut stack, Card stack, glass, Infographics: Animated charts, Chart drop, Number slide, Cloud of things, Dot lattice, Materials: Neon sign, Glass type, Slow craft, Wood and clay, Retro & vintage: CRT signal, Y2K desktop, Frutiger Aero bubbles, Camcorder, Expired reel, PS1 room
- **Text animation presets (39):** Typewriter, Blur in, Blur in by line, Soft rise, Soft lift, Stagger fade, Tracking in, Tracking out, Open out, Mask rise, Mask wipe, Mask drop, Slide up, Slide down, Stomp, Stomp lines, Punch, Pop, Scale in, Zoom in, Drop, Bounce, Flip in, Flip over, Tumble, Spin in, Slant flip, Lean in, Decode, Code, Glitch in, Scatter, Slide left, Slide right, Tint in, Tint rise, Step in, Dust, Type shuffle
- **Text styles (16):** Digital date stamp, Film edge print, Camcorder readout, Viewfinder label, Neon, Liquid metal, Glass, Frosted, Outline, Gradient, 80s chrome, Emboss, Stencil, Paper cut, Flat, Soft
- **Animated titles (12):** Lower third, Kinetic headline, Highlighted word, Chrome title, Stat callout, Chapter title, Pull quote, Typed line, Split headline, Hero title, Caption pill, End card
- **Scene transitions (18):** Fade from black, Fade to black, Fade from white, Fade to white, Zoom in, Whoosh in, Motion blur in, Motion blur out, Glow in, Glow out, Burn in, Burn out, Flash frame in, Flash frame out, Projector start, Projector stop, Strip advance in, Strip advance out

<a id="not-listed"></a>
## Not listed

Left out on purpose, so no page should claim them:

- **Pricing, plans, credits and free allowances:** Deliberately omitted; the pricing page has its own brief (docs/launch/website-pricing-brief.md).
- **Paid templates, plan limits and invite rewards:** Some templates are sold and some limits (saves kept, published pieces, review links, embed views, making plugins) depend on the plan: that is pricing.
- **API keys that read or edit:** A key's Read and Edit scopes can be ticked, but no API call uses them yet; only Render does (the render API). Advertise rendering from templates, nothing more.
- **Stills from the render API:** The Render scope's hint says stills and videos, but the API makes MP4 or WebM only.
- **Make and Zapier available now:** Both are built and waiting on Make's review and Zapier's publishing: say "coming soon" (see make-zapier), never that people can add them today, and give no date. Drop this line once each is in its maker's public app list.
- **Restyle from a connected agent:** The Paraplex MCP server's restyle tool is in the repository but not yet in the published package; claim it after its next release.
- **Local media without uploading:** In progress, not shipped.
- **HEIC and TIFF pictures:** Accepted, but whether they open depends on the browser, so the supported-files list leaves them out.
- **Clicking the timeline ruler to jump:** The help center and the code disagree; not claimed until confirmed in the app.
- **Text along a curve:** Not supported: a whole text layer can follow a path (Motion paths), but letters are not set on a curve.
- **Admin tools:** Edit as master and the community review queue are for Paraplex staff only.
- **A score that hits a frame exactly:** A score's parts change near the cuts they were written to (within about a second in the first test), so pages say it builds where the picture builds, not that it lands on a frame.
- **A plugin developer guide:** The only guide is the one the AI plugin maker reads; nothing shows it to people.
- **Shaders and asset packs read by a person before they are listed:** They are listed at once and checked automatically; a person looks only at what is flagged or reported.
- **Plugins approved automatically:** The automatic check only writes a summary for the reviewer; a person approves every plugin.

<a id="recommended-first-pages"></a>
## Recommended first pages

1. [AI motion design assistant](#ai-motion-design-assistant)
2. [Motion design templates](#motion-design-templates)
3. [Text animation presets](#text-animation-presets)
4. [Liquid glass effect](#liquid-glass-effect)
5. [One scene, every format](#one-scene-every-format)
6. [3D text](#3d-text)
7. [App demo videos with an animated cursor](#app-demo-videos-with-an-animated-cursor)
8. [Promo from screens](#promo-from-screens)
9. [Screen recording with automatic zooms](#screen-recording)
10. [Animated charts from data](#animated-charts-from-data)
11. [Transparent video export](#transparent-video-export)
12. [Figma to motion](#figma-to-motion)
13. [Interactive web embeds](#interactive-web-embeds)
14. [Particle logo reveal](#particle-logo-reveal)
15. [Real 3D scenes in the browser](#real-3d-scenes-in-the-browser)
16. [Lottie import and export](#lottie-import-and-export)
17. [Render with AI (video-to-video restyle)](#render-with-ai)
18. [AI voiceovers with word-by-word captions](#ai-voiceovers-with-word-by-word-captions)
19. [Code layers: HTML, React and GSAP to video](#code-layers)
20. [Start with a sentence (text to animation)](#start-with-a-sentence)
21. [Connect an AI agent (Claude Code)](#connect-an-ai-agent)

