Transparent logo animation

Your logo, animated on a transparent background.

Upload your logo mark. Every animation comes with an alpha channel in two formats: WebM with VP9 alpha for Chrome, Firefox, Edge and OBS, and MOV with HEVC alpha for Safari, iOS, Final Cut Pro and Keynote. The Rive file is transparent too. Your logo's own pixels move, so nothing is redrawn or restyled, and 3D logos keep every highlight.

See it in your app See plans

Web, OBS: WebM with VP9 alpha
Apple apps: MOV with HEVC alpha
Also: .riv, plus MP4 and GIF on solid
Plan: Starter, $20/month

Live Rive file

Loops

Play once

This is the actual .riv our engine delivers, playing in your browser. It's the same state machine you drive from your app with one number input and a trigger per one-shot.

Which file goes where

App	File	Note
Chrome, Firefox, Edge	WebM	Plays with alpha in a video element
Safari, iOS	MOV (HEVC alpha)	List it first in the video element
Final Cut Pro, Keynote	MOV (HEVC alpha)	macOS 10.15 and later
Premiere Pro, DaVinci Resolve	ProRes 4444, on request	Adobe doesn't list WebM as an import format
OBS	WebM	Media Source
PowerPoint, Google Slides, Canva	GIF or MP4	No documented alpha video; use a matching background

What stays exact, and what's not included

Your logo stays your logo

The rig moves your own pixels or traced shapes. Colors, gradients, shading and proportions stay as uploaded. 3D and gradient logos are animated in Motion mode (squash, stretch, tilt, hops and a launch intro); flat marks and logo characters can also get expressions and arm waves.

Not included

Transparent GIF: GIF alpha is on or off per pixel, so soft edges get a jagged halo.
ProRes 4444 by default: it's available on request for editors that need it.
Letter-by-letter reveals for wordmarks: a text logo moves as a whole, so for kinetic type a motion designer is the better route.

Real output

Delivered files, exactly as you'd download them.

MP4 Every set

1080 × 1080 at 60 fps. Here: Gummo’s wave, from a delivered set.

Transparent WebM & MOV Every set

Alpha channel included, so the checkerboard shows through. MOV is HEVC with alpha for Apple apps and editors.

Kiko thinking, GIF output — GIF Every set
Light previews for docs, email and chat. Kiko’s “thinking” loop.

9:16 launch video Every set

1080 × 1920 for stories and splash screens. Sizzle’s launch intro.

kiko.riv · 150 KB

CharacterStateMachine: number input mood
0–9: idle, happy, wave, thinking, sad, loading, listening, talking, sleeping, attention
triggers: success · error · yes · no · enter · exit
LaunchStateMachine: launch → idle, plays once

Rive state machine Every set

One small file instead of 17 videos. It’s what powers the demo at the top of this page.

import { useRive, useStateMachineInput } from "@rive-app/react-canvas";

export function Kiko({ mood = 0 }) {
  const { rive, RiveComponent } = useRive({
    src: "/kiko.riv",
    stateMachine: "CharacterStateMachine",
    autoplay: true,
  });
  const input = useStateMachineInput(rive, "CharacterStateMachine", "mood");
  if (input) input.value = mood; // 0 idle · 1 happy · 2 wave · 3 thinking · 4 sad · 5 loading …
  return <RiveComponent style={{ width: 320, height: 320 }} />;
}

Paste-ready code Every set

Web, React and SwiftUI components named after your character.

Formats included per plan
Format	Specs	Best for	Starter & All in one
MP4	1080 × 1080, 60 fps, all 17 animations	Apps, socials, decks, product videos	Included
9:16 launch video	1080 × 1920 MP4	Stories, Reels, splash screens	Included
GIF	480 px previews, solid background	Docs, email, chat, README	Included
Rive (.riv)	Vector; Data Binding view model + legacy inputs: mood for loops, triggers for one-shots, launch machine	Interactive apps and sites (web, iOS, Android, Flutter)	Included
Transparent WebM	VP9 with alpha, 1080 × 1080	Web overlays on any background	Included
Transparent MOV	HEVC with alpha	Final Cut, Keynote, iOS, Safari	Included
Code	Web (HTML), React and SwiftUI components	Paste in and ship	Included
Download all (.zip)	Rive file, code, README and posters in one archive	Hand-off to your team	Included
Video export	MP4, GIF, transparent WebM and MOV, 9:16: pick formats and animations on the set page, ready in about a minute	Only the videos you need	Included
AI assistants (MCP)	Claude, Cursor, VS Code and Codex	Design, animate and get download links in the chat	Included

Plans

Start free. Upgrade when you need more.

Transparent WebM and MOV are in every paid plan, from Starter ($20/month). The MP4 and GIF have a solid background. Prices in USD; tax is calculated at checkout by Creem.