
Use case
Logo animation
Every way to animate a logo in Paraplex: chrome and glass turns into the light, draw-on outlines, glitch intros, match cuts and particle reveals.
Templates: Chrome logo reveal, Logo swarm, Logo match cut
Generate a particle logo reveal right in your browser. Upload an SVG file of your logo, then Paraplex's customizable particle system animates to form the shape of your logo. Fine-tune the quantity of dots, speed, colors, and more. Add effects, transitions, title animations, then export a transparent video, a looping GIF, or a live web embed - entirely for free.
Free up to 1080p, no watermark. In your browser, nothing to install.




.png)
.png)






Load any SVG with filled shapes into a particle cloud and pick how its particles settle into it. Every particle is a real point in a 3D scene, so the camera can move through the logo while it forms, and nothing is a pre-rendered effect with your name pasted on top.
Dots
Particles land on a grid of dots across your logo's shapes. Detail and Dot set how fine the grain is and how big each point.
Even fill
Particles spread evenly over every filled shape, so the logo reads as one surface while each point stays its own particle.
Outline
Particles trace the outline of each shape, and Width sets how thick the line of particles runs.
Color
Use the cloud's colors, turn the logo's lightness into opacity, or keep the drawing's own colors so a multicolor mark stays itself.
Add a particle cloud, open its Form panel and choose Logo or drawing… to load your SVG. Then key Form from 0 to 1: at 0 the particles are a loose cloud, at 1 they sit in your logo, and everything in between is the gather. Add a stagger so they arrive over time instead of all at once, and pick an order: at random, from the left, right, top or bottom, from the middle, or from the edges in.
Form is an ordinary keyframe, so any easing curve or spring shapes the gather, and you can hold the logo, then key it back to let the particles scatter again. Working with a wordmark? Turn the letters into outlines in your design tool before exporting the SVG, and the particles form the word just the same.

Flicker makes a share of the particles blink in accent colors, at a rate you set. Pick up to four accent colors, or let Kelvin set them along the color-temperature scale from warm to cool, so the shimmer reads as light catching the mark rather than confetti.
Depth blur adds lens bokeh: Blur and Focus soften the particles nearer or farther than the focus plane, the way a real lens would, so a logo can come out of soft focus as it forms. On a light background, Ink draws dark dots instead of bright ones, for a reveal that looks printed on paper.
The reveal runs on Paraplex's particle clouds: up to 10,000 particles shaped as circles, squares, soft dots, sparks, a stamp of any picture, or real 3D objects such as cubes, coins or pills with their own material, spin and shadows. Before the gather, let them drift, flutter, orbit, twinkle, spark or rise as smoke, with gravity, viscosity and glow.
And because it all lives in one 3D scene, the rest of Paraplex comes with it: push the camera through the cloud as it forms, rack focus onto the finished mark, or bring a chrome or glass version of the logo up behind the particles.
Setting the name beside the mark as live type? See 3D text.

A particle reveal is usually one beat of a longer logo animation. Detect beats on your music so the logo lands on the hit, add an AI sound effect such as a soft whoosh, and hand off to a solid chrome or glass version of the mark with a morph or a cross-fade.
Then reframe it for every format and export: MP4 or WebM, a transparent WebM or PNG sequence to drop over footage in your editor, a GIF, or a live embed for your site's hero. Free up to 1080p with no watermark.
Every other way to animate a logo, from chrome turns to draw-on outlines: see logo animation.

Logo swarm is a free particle logo reveal ready for your own SVG. The others show what a reveal can hand off to: a chrome mark, a cut to the beat, a rush of chrome particles past the camera.
Any SVG with filled shapes, read as dots, fill or outline
Up to 10,000 particles in a cloud
Free exports up to 1080p, no watermark
Form keyed 0 to 1, with a stagger and seven orders
Cloud colors, lightness as opacity, or the logo's own
Transparent WebM and PNG sequences for overlays
Flicker accents set along the Kelvin scale
A pointer field that pushes particles aside in live embeds
Add a particle cloud from the dock's Particles button, open its Form panel and choose Logo or drawing… to load your SVG. Pick how it reads (dots, an even fill or an outline), then key Form from 0 to 1 to time the gather, with a stagger and an order. Or open the free Logo swarm template and load your logo into it.
An SVG with filled shapes. If your logo includes a wordmark, turn the letters into outlines in your design tool before you export the SVG, so the particles can form the word.
Yes. You can make and export a particle logo reveal on the Free plan, with video up to 1080p at 30 fps and no watermark, in your browser with nothing to install. The Logo swarm template is free too. Pro adds 4K and 60 fps.
Yes. Use the particle cloud's own colors, use the logo's lightness as opacity, or keep the drawing's own colors so a multicolor mark stays true. Flicker adds up to four accent colors, which Kelvin can set along the color-temperature scale.
Yes. Give Form a stagger and choose an order: at random, from the left, from the right, from the top, from the bottom, from the middle, or from the edges in. Form is an ordinary keyframe, so any easing curve or spring shapes the gather.
Yes. Turn the background off and export a WebM with alpha for a website, or a PNG sequence for After Effects, Premiere Pro, DaVinci Resolve or Final Cut Pro, free up to 1080p at 30 fps.
No. You can also bring the logo in as chrome or glass with depth and a bevel, draw its outline on stroke by stroke, glitch it in, or cut it to music with the Logo match cut template. A particle reveal is often one beat of a longer sting that uses several of these.
Start free in your browser: load your SVG into a particle cloud, key the gather and export up to 1080p with no watermark. Go Pro for 4K.
Paraplex is a browser-based 3D motion design studio with an AI assistant that edits real layers and keyframes.
Data and explainers
Type a script, pick an ElevenLabs voice, and the voiceover lands on the timeline with captions timed word by word.
Templates: Whiteboard explainer, The AI ROI gap

Brand and social
Give a particle cloud your SVG logo and it flies together into the shape, or trim a stroke so the outline draws itself on.
Templates: Logo swarm, From a dot, Logo match cut

Brand and social
Vertical cuts with safe zones for TikTok, Reels and Shorts, captions timed to the voice, and your brand's design system applied in one step.
Templates: Match-cut stack, Kinetic stomp, Louder

Brand and social
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

Web and slides
Export an MP4 or WebM loop, or publish a live embed that plays in real time and answers hover, click and scroll.
Templates: Chrome & glass hero, Liquid metal hero, Bento hero

Web and slides
Export a 16:9 or 4:3 video for a slide, or a transparent WebM on Pro to sit over your own background.
Templates: Title slide, Number slide, Chart drop
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
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 scene02
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 Paraplex03
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 sceneWhatever 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
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

Render needed · FR-04
Paraplex for
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

Render needed · FR-05
Paraplex for
Motion that has to fit the code. Paste HTML, React or a GSAP timeline as a live layer that exports frame for frame, or ship a live embed your page fills in by layer name.
Templates: Glass list hero (website loop), Liquid metal hero, Bento hero
Keep colors, fonts, text styles, materials, scene looks and motion as a design system, and apply it to any scene at once.
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.
Answer.




Screenshot · one scene on four artboards
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.

Coming soon · Render needed · MK-05
Concept: one documentary, every platform
Still or 10 s loop · 16:9 · concept, labeled as one
White clay documentary frame on a black seamless: torn-paper labels, a Polaroid and an investigative board in soft overhead light, with a vertical cut of the same shot beside the landscape frame. No colored panels.
“Every client has a brand.”
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.”
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.”
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.”
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

Screenshot · responsive artboards

Screenshot · one embed, filled by name two ways
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.

Screenshot · your design systems
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.

Screenshot · a live HTML card in a 3D scene
Camera
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
Idle loops, presses that play once and hold, and held poses, switched by clicks, the pointer, a delay or your page.
Keyboard
Every interactive layer gets a keyboard-focusable stand-in, so visitors can reach it with Tab and press it with Enter.
Reduced motion
Visitors who ask their device for less motion see the first frame held instead of the animation.

Screenshot · publishing a live embed


Logo reveal video templates
Flicker, depth of field blur, and effects
8 s loop · 16:9 · MP4, WebM and poster
An original logo design mark forms from white particles on graphite while the camera racks focus through the cloud (Depth blur), a few particles flickering on Kelvin accents. Cut to the same mark in Ink, dark dots gathering on paper white. No colored panels.