Fully customizable particle logo reveal templates.

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.

Particle logo reveal made in Paraplex: thousands of fine particles stream in from a loose cloud and pack into a logo mark on a dark ground

Choose how the particles read your logo.

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

A mark made of points.

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

Reads solid from a distance.

Particles spread evenly over every filled shape, so the logo reads as one surface while each point stays its own particle.

Outline

Just the edges.

Particles trace the outline of each shape, and Width sets how thick the line of particles runs.

Color

Your palette or the logo's own.

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.

One keyframe from cloud to logo.

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.

Logo swarm template: a swarm of fine specks packs into a logo until it reads solid, holds as a few flicker warm and cool, then bursts toward the camera

Flicker, bokeh and ink.

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.

A real particle system underneath.

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.

Warp drive template: squares of polished chrome streak out of the center of the frame and rush past the camera while a title grows in the lower third

Finish it like a logo sting.

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.

Chrome logo reveal template: a beveled chrome mark turns out of the dark as the light comes up, then makes room for a name and a line

Start from a logo or particle template.

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.

In every particle logo reveal.

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

Questions about particle logo reveals

How do I make a particle logo reveal in Paraplex?

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.

What kind of logo file do I need?

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.

Is it free to make a particle logo reveal?

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.

Can the particles use my brand colors?

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.

Can I control the order the particles arrive in?

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.

Can I export a particle logo reveal with a transparent background?

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.

Is a particle reveal the only way to animate a logo in Paraplex?

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.

Let your logo assemble itself.

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.

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).

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.

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.

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
Liquid glass nav template: a liquid glass bar bends the big headline beneath it, both inside the same Paraplex scene
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.

The Publish as an embed panel in Paraplex: a live embed with its two-line snippet ready to copy, scrolling and viewer options

Screenshot · publishing a live embed

A transparent, irregularly shaped glass tube floating against a smooth, wavy background of blue, beige, black, and white hues, showcasing the 3D rendering, shaders and materials available in the Paraplex app, with customizable properties and animated keyframes, like the liquid glass effect seen in this image.
Particles mid-gather, streaming in from a loose cloud toward the shape of a logo