Login Start animating

Animation use cases

Make brand motion work where it matters.

Use a logo reveal to open a video, a photo loop to energize a campaign or an animated icon to guide a product moment. Choose the placement first, then shape the motion and export format around it.

Explore placements Compare export formats
The DanceLogo mark breaking into particles and reforming

Choose the placement first

Give every animation a clear job.

A strong animation is built for where it will be seen. Decide whether a logo, photo or icon should lead, how long the viewer has and what the destination can play before choosing the motion and file format.

Social media

Create short logo loops, animated campaign photos and moving symbols for fast-scrolling feeds. Match the canvas to the placement and keep the main idea readable at phone size.

MP4WebPGIF
Explore social motion

Video intros and outros

Open or close YouTube videos, product demos and campaign films with consistent motion branding. Use a concise reveal and leave enough time for the final logo to register.

MP4WebM
Explore logo intros

Websites and product UI

Use a focused reveal, image moment, interface response, loading state or animated symbol to support orientation without competing with the page or product.

WebPWebMGIF
Explore web icons

See it in motion

See how the asset changes the move.

Preview one logo, photo and icon animation, then open the example in Studio to replace the source, adjust its effect-specific controls and shape the timing around your own placement.

Browse all templates

Export formats

Let the destination choose the file.

Use MP4 for broad video delivery, animated WebP for compact web motion, GIF for compatible email placements, or transparent WebM and PNG sequences for supported production workflows. Availability, sound, transparency and playback support can vary by browser and destination.

PNG frame

.PNG

A high-quality still from the current animation position for thumbnails, covers, approvals, or static placements.

Still image · Transparency supported

Animated GIF

.GIF

A familiar looping format for email, messaging, previews, and platforms where modern video embedding is unavailable.

Animation · Silent · Limited color/transparency

Animated WebP

.WEBP

A full-color animated image with alpha support, useful for modern websites and compact browser-based delivery.

Animation · Silent · Transparency supported

WebM video

.WEBM

A web-oriented video format for websites, product interfaces, compatible players, and transparent-video workflows.

Video · Sound where supported · Alpha mode is silent

MP4 video

.MP4

The broad-delivery choice for social platforms, presentations, editors, video players, and general sharing.

Video · Optional sound · Opaque background

PNG frame ZIP

.ZIP

A deterministic PNG sequence for editing, compositing, frame-level control, archival work, or another encoder.

Image sequence · Silent · Transparency supported

Quick guide

Match the format to the destination.

Start with the option most widely suited to the placement, then check the practical alternative when transparency, sound, file size or software support changes the requirement.

Placement Start with Alternative Check before publishing
Social or video platformMP4WebMAspect ratio, duration, sound, and platform compression.
Website animationWebPWebMFile size, autoplay rules, fallback image, and reduced motion.
Email campaignGIFPNGClient support, first-frame meaning, dimensions, and file size.
Transparent video overlayWebMPNG ZIPAlpha playback support; transparent WebM export remains silent.
Editing or compositingPNG ZIPWebMFrame rate, canvas size, alpha handling, and sequence order.