Open Paraplex

Video with a transparent background, for your site and your editor.

Export a Paraplex scene with nothing behind it and lay it over anything: a WebM with alpha for your website, a zipped PNG sequence for After Effects, Premiere Pro, DaVinci Resolve or Final Cut Pro, or a single PNG frame. Soft shadows, caustics and glass edges keep their partial transparency, so logos, titles and 3D objects sit naturally on your own design or footage.

Export a transparent videoBrowse templates

Free up to 1080p at 30 fps, no watermark.  Pro for 4K and 60 fps.

Chrome logo reveal template: a beveled chrome logo turns out of the dark as the light comes up, then makes room for a name and a line, the kind of logo sting you export with a transparent background

Pick the file by where it's going.

Transparency travels in WebM and PNG files. MP4 and GIF can't carry it, so they export on the scene's background.

WebM (VP9)

For websites.

Plays with its transparency in Chrome, Edge and Firefox. Place it on a page with a plain video tag.

PNG sequence

For editing apps.

A zip of numbered frames for After Effects, Premiere Pro, DaVinci Resolve and Final Cut Pro.

PNG still

For a single frame.

A logo lockup, a thumbnail or a slide graphic on a transparent background. Free on every plan.

MP4 and GIF

For anywhere that just plays video.

No transparency: these export on the scene's background.

For websites: a WebM with alpha.

Export as WebM with a transparent background and Paraplex writes a VP9 file whose see-through parts stay see-through. It plays with its transparency in Chrome, Edge and Firefox, so a logo, a product card or a 3D object sits right on your page's own background instead of in a box.

Safari doesn't show WebM transparency. If Safari visitors need to see through it too, publish the scene as a live embed instead, which has a transparent background of its own. Otherwise, accept that those visitors won't see the transparency.

More on interactive 3D embeds.

For editing apps: a PNG sequence.

Editing apps want frames, not a web video. Export a PNG sequence and Paraplex hands you a zip of numbered PNGs, each with its own transparency. Unzip it, bring it into After Effects, Premiere Pro, DaVinci Resolve or Final Cut Pro as an image sequence, and lay it over your footage like any other clip.

There's no ProRes 4444 or HEVC with alpha yet, so the PNG sequence is the way into an edit.

Putting it on your website.

Some site builders re-encode the videos you upload, and the re-encode can drop the transparency. In Webflow, the Background Video element does exactly that: the see-through parts turn black.

The fix is a plain video tag. Upload the WebM to your site's assets, or host it elsewhere, then paste this into a Code Embed or custom code element:

<video autoplay muted loop playsinline style="width:100%;height:auto;background:transparent"><source src="YOUR-FILE-URL.webm" type="video/webm"></video>

Muted and playsinline are what let it autoplay. The same tag works in any site builder that takes custom code.

Building in Webflow? See the full Webflow guide.

Shadows, caustics and glass stay soft.

Partly transparent pixels stay partly transparent. Ground shadows, caustics and the edges of glass come through the WebM as soft alpha, matching a transparent PNG still to within a fraction of a percent, with no visible banding. Show caustics over a mid or dark background: over white, caustic light has nothing to brighten, so it reads only as the shadow under it.

Glass bends what's inside the same scene, such as its own text, shapes and lights. It can't bend footage you place under the clip later in an editor, and no video format can carry that. For glass over your footage, bring the footage into the Paraplex scene and export the result.

Liquid glass nav template: a liquid glass bar bends the big headline beneath it, both inside the same Paraplex scene

Templates that make good overlays

Logo stings and titles to start from. Swap in your mark or your words, hide any backdrop layer, and export with a transparent background.

In every transparent export.

WebM (VP9) with alpha, for websites

Zipped PNG sequences, for editing apps

No watermark, on Free or Pro

Free up to 1920 × 1080 at 30 fps

Pro for 4K and 60 fps or more

Plays from a plain video tag in Chrome, Edge and Firefox

Transparent PNG stills, free on every plan

Soft shadows, caustics and glass edges kept as soft alpha

Questions about transparent video export

Can I export video with a transparent background for free?

Yes. The Free plan exports transparent WebM and PNG sequences up to 1920 × 1080 at 30 fps, with no watermark. Pro raises that to 4K and 60 fps or more. If you're on Free and ask for more than 1080p or 30 fps, Paraplex offers to export at 1080p and 30 fps instead. Transparent PNG stills are free on every plan.

Which format should I export for transparency?

For a website, export WebM (VP9 with alpha); it plays with its transparency in Chrome, Edge and Firefox. For an editing app such as After Effects, Premiere Pro, DaVinci Resolve or Final Cut Pro, export a PNG sequence, which arrives as a zip of numbered frames. For a single frame, export a PNG still. MP4 and GIF don't carry transparency, so they export on the scene's background.

Do shadows, caustics and glass edges stay soft in a transparent export?

Yes. Ground shadows, caustics and the edges of glass keep their partial transparency in the WebM, matching a transparent PNG still to within a fraction of a percent, with no visible banding. Show caustics over a mid or dark background: over white, caustic light has nothing to brighten, so it reads only as the shadow under it.

Does a transparent WebM work in Safari?

Safari doesn't show WebM transparency. If Safari visitors need to see through the motion, publish the scene as a live Paraplex embed instead, which has a transparent background of its own and also answers hover, click and scroll. Otherwise, accept that Safari visitors won't see the transparency.

Can Paraplex export ProRes 4444 or HEVC with alpha?

Not yet. For editing apps, use a PNG sequence: After Effects, Premiere Pro, DaVinci Resolve and Final Cut Pro can each bring in a numbered image sequence as a single clip. For the web, use WebM.

Why does my transparent video turn black in Webflow?

Webflow's Background Video element re-encodes the video you upload, and the see-through parts turn black. Upload the WebM to your assets, or host it elsewhere, and place it with a plain video tag in a Code Embed, with autoplay, muted, loop and playsinline on the tag. Muted and playsinline are what let it autoplay. Other site builders that re-encode uploads can drop the transparency the same way, and the same fix works there.

Will exported glass bend the footage I put under it?

No. Glass in Paraplex bends what's inside the same scene, such as its own text, shapes and lights, and that's what the export captures. It can't bend footage placed under the clip later in an editor, and no video format can carry that. For glass over your footage, bring the footage into the Paraplex scene and export the result.

Drop it over anything.

Start free in your browser: transparent WebM and PNG sequences up to 1080p at 30 fps, no watermark. Go Pro for 4K and 60 fps.

Export a transparent videoSee pricing

Paraplex is a browser-based 3D motion design studio with an AI assistant that edits real layers and keyframes.

01

Describe it.

One or two sentences on this way to start.

Open Paraplex
A screenshot depicting artboards in Paraplex, the 3D motion design web app, which allow you to export multiple media formats and sizes with one click, automatically formatted for different social media platforms.

Brand and social

Video ad variations

One version per spreadsheet row: columns fill headlines, prices and photos by layer name, and Export all variants renders them in one job (Pro).

Templates: On sale, Product launch

Three ways to start.

Whatever the job, a project starts from words, from a finished template, or from the files you already have. All three open in the same editor, and you can mix them in one scene.

01

Describe it.

Type what you want on the home page and click Make it. The assistant builds the scene from real layers and keyframes, and you Apply or Discard what it made.

Describe a scene

02

Open a template.

62 finished templates in 13 categories, each built for you to swap in your words, pictures, logo, colors, data, music, video or voice.

Browse templates in Paraplex

03

Bring what you have.

Drop screenshots, recordings, GLB models or Lottie files on the canvas, paste an SVG from Figma or HTML and React as a live layer, or upload a CSV for a chart.

Start with a blank scene

One scene, every screen.

Whatever the job, the same scene exports for every place it runs. Add formats as artboards beside your frame, let Responsive framing re-stack blocks for each shape, and pin your logo to its corner. Then export MP4, WebM, a GIF or a Lottie, or publish a live embed for your site.

Export to

5 shapes

16:9, 9:16, 1:1, 4:5 and 4:3, or a custom size

Safe zones for

4 feeds

TikTok, Reels, Shorts and the Instagram feed

Up to

4K at 60 fps

on Pro; free exports run to 1080p, no watermark

Landscape 16:9 · YouTube, slides and your site

Vertical 9:16 · Reels, Shorts & TikTok

Portrait 4:5 · feeds on Instagram, X and LinkedIn

Render needed · FR-03

Paraplex for

Marketers

Every channel wants its own cut. Build one scene, reframe it for 16:9, 9:16, 1:1 and 4:5 with safe zones for each feed, and keep every version on brand with a design system.

Templates: Stat drop, Match-cut stack, The AI ROI gap

Eight types of charts against a black background: Bar chart showing vertical bars for days Mon-Fri; Line chart plotting connected points for days; Area chart filled beneath a line for days; Pie chart divided into colored segments labeled by day; Donut chart similar to pie but with a hollow center; Scatter plot with dots of varying sizes; Gantt chart with horizontal bars labeled Research, Design, Build, Launch; Timeline with labeled milestones Founded, First product, Series A, Worldwide.

Render needed · FR-04

Paraplex for

Agencies

Every client has a brand, and every brand has revisions. Keep each client's colors, fonts and motion as a design system, apply it in one step, and share a link for review.

Templates: Logo match cut, Logo swarm, Whiteboard explainer

Your brand in one step.

Keep colors, fonts, text styles, materials, scene looks and motion as a design system, and apply it to any scene at once.

Video, Lottie or a live embed.

Export MP4, WebM, GIF, PNG or Lottie, or publish an embed that plays in real time on your site and answers hover, click and scroll.

Question

Answer.

App launch (your UI) template: the camera pushes in on the input of an app interface pasted in as HTML, then eases back out to a tagline
App launch template: a question types into an app window, an answer streams in, steps slide in and a chart grows
Chrome & glass hero template: a chrome panel turns behind a milky glass card as studio lights sweep across both
One Paraplex scene on four artboards: the primary scene beside Landscape 16:9, Square 1:1 and Portrait 4:5, each laid out for its shape

Screenshot · one scene on four artboards

Coming soon: post straight to your accounts.

Not available yet. Two things are on the way for marketing teams. The first is posting finished pieces straight to your linked social accounts.

The second is a long-form YouTube workflow for 3D documentaries, educational videos and tutorials: an outline and research, a voiceover, B-roll and generated 3D scenes, edits timed to the narration with music, sound and titles, landscape and vertical renders for each platform, and titles, descriptions and hashtags written for each post. Both will be listed here when they ship.

The word 'Clarity' in large white text over a black background with abstract light patterns in warm brown on the left and cool blue on the right, showcasing the advanced 3D effects, shaders and materials shown in the Paraplex app including the liquid glass motion design template.

“Every client has a brand.”

A design system per client.

Keep each client's colors, fonts, text styles, materials, scene looks and motion as its own design system in your Library, and apply it to any scene in one step. A client's kit exports as one file to share with a teammate.

“The revisions never end.”

A link for review, a step to undo.

Copy a shareable link that publishes the piece as a web page, then refresh it after each round while the address stays the same. Notes on the canvas never export, undo has no limit, and each project keeps a History of recent saves to restore.

“The volume keeps growing.”

Templates, including your own.

Start from 70+ editable templates that each say what to swap in, or save any scene as a template of your own. Data variants make one version per spreadsheet row, and on Pro, Export all variants renders them in one job.

“Every channel wants its own size.”

One scene, every format.

Add 16:9, 9:16, 1:1, 4:5 or 4:3 as artboards beside the frame, each reframed for its shape, with safe zones for TikTok, Reels, Shorts and the Instagram feed. On Pro, one export renders every enabled format.

The client's own fonts, saved in the project

Light and dark themes, or a brand and sub-brand, in one palette

Beat detection, so cuts land on the drum hits

Notes on the canvas that never export

Transparent WebM and PNG sequences (Pro)

Live embeds the client's site fills in by layer name

AI images and 3D models from a sentence

Components that follow the master's edits

Responsive artboards in Paraplex: one scene laid out in several aspect ratios side by side

Screenshot · responsive artboards

The same Paraplex embed twice on a page, one filling the layer named Headline with Glow, the other with Ember

Screenshot · one embed, filled by name two ways

On brand, in light and dark.

Link layers to your palette and give each color a value per theme. Switch the embed's theme from your page and every linked layer follows, so the scene matches your site in light mode and in dark mode.

Bring the whole design system along, with its colors, fonts, text styles and materials, and apply it to any scene in one step.

The Design systems library in Paraplex: five design systems side by side, each with its colors, text styles, materials and motion tokens and a Use in project button, under Save from this project and Import tokens

Screenshot · your design systems

Your own code, running live inside it.

Code layers bring HTML, CSS, JavaScript or React into a scene, flat over the frame or as a card in 3D. In an embed they keep running and respond to the pointer, so a live counter or a slice of your product's UI can sit inside the 3D scene on your site.

A live HTML card with a gradient heading and a filling progress bar, standing at an angle in a Paraplex 3D scene

Screenshot · a live HTML card in a 3D scene

Camera

A camera they can move.

Let viewers Orbit, Look around like a panorama, Walk with W A S D or two fingers on a phone, or keep the camera Fixed.

States

States, not just a loop.

Idle loops, presses that play once and hold, and held poses, switched by clicks, the pointer, a delay or your page.

Keyboard

Reachable without a mouse.

Every interactive layer gets a keyboard-focusable stand-in, so visitors can reach it with Tab and press it with Enter.

Reduced motion

Calm for anyone who asks.

Visitors who ask their device for less motion see the first frame held instead of the animation.

Kinetic stomp template: bold condensed words slam in one per beat, three to a stack, the kind of title you drop over footage in an editor, shown here on its own background
Card stack, chrome template: thin chrome cards fan up beside a title and are dealt off one at a time, shown here on its own background