Serviço de animação Rive

Arquivos Rive prontos para integrar, sem contratar um animador.

Envie o seu personagem e receba um .riv que os seus desenvolvedores conseguem integrar no mesmo dia: state machines documentadas, um view model com Data Binding, componentes React e SwiftUI e todos os formatos de vídeo. Normalmente pronto em minutos, com animações de logo para o seu site e app no mesmo plano.

Veja no seu app Ver planos

Starter: US$ 20/mês · 3 conjuntos
All in one: US$ 100/mês · 10 conjuntos
Suporte: Chamados prioritários no All in one
Entrega: Documentação + código em todo conjunto

Sizzle, um personagem de demonstração do Charmotion

Arquivo Rive ao vivo

Em loop

Toca uma vez

Este é o .riv real que nosso motor entrega, rodando no seu navegador. É a mesma state machine que você controla no seu app com um input numérico e um trigger para cada reação única.

Quais são os melhores serviços de animação de mascote com exportação para Rive?

Rive Experts (freelancers e estúdios verificados pelo time do Rive e contratados pela Contra) servem para trabalhos personalizados. Serviços automatizados como o Charmotion geram, a partir de uma imagem, um .riv com uma state machine documentada e um view model com Data Binding, a partir de US$ 20 por mês. Sempre peça estados nomeados e código de integração.

Serviços de animação de mascote com exportação para Rive: suas opções

Um produto ou um time inteiro

StarterUS$ 20/mês

3 conjuntos de personagem por mês
3 animações de logo por mês
.riv com Data Binding + state machines clássicas
WebM e MOV HEVC com fundo transparente, MP4, GIF, 9:16
Código para web, React e SwiftUI

All in oneUS$ 100/mês

10 conjuntos de personagem por mês
15 animações de logo por mês
Vídeo 3D cinematográfico
Builds prioritários e chamados de suporte prioritários
40 designs com IA (logos ou personagens) por mês

O que seus desenvolvedores recebem

Um contrato documentado

View model Character: número mood (0 a 9) e triggers success · error · yes · no · enter · exit. O mesmo grafo como inputs clássicos em CharacterStateMachine. Tudo descrito no README do conjunto.

Componentes

Um componente React com a prop mood e o handle play(), um embed web simples e views SwiftUI para os dois runtimes da Apple, todos com o nome do seu personagem.

Arquivos de fallback

Todas as animações também em MP4, WebM e MOV com fundo transparente e GIF, para que e-mail, marketing e plataformas sem Rive recebam o mesmo personagem.

Resultado real

Arquivos entregues, exatamente como você os baixaria.

MP4 Todo conjunto

1080 × 1080 a 60 fps. Aqui: o wave do Gummo, de um conjunto entregue.

WebM & MOV transparentes Todo conjunto

Canal alfa incluído, por isso o quadriculado aparece por trás. O MOV é HEVC com alfa para apps e editores da Apple.

Kiko em thinking, saída em GIF — GIF Todo conjunto
Prévias leves para documentação, e-mail e chat. O loop “thinking” do Kiko.

Vídeo de abertura 9:16 Todo conjunto

1080 × 1920 para stories e splash screens. A intro de abertura do Sizzle.

kiko.riv · 150 KB

CharacterStateMachine: input numérico mood
0 a 9: idle, happy, wave, thinking, sad, loading, listening, talking, sleeping, attention
triggers: success · error · yes · no · enter · exit
LaunchStateMachine: launch → idle, toca uma vez

State machine do Rive Todo conjunto

Um único arquivo pequeno no lugar de 17 vídeos. É ele que faz funcionar a demo no topo desta página.

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 }} />;
}

Código pronto para colar Todo conjunto

Componentes para web, React e SwiftUI com o nome do seu personagem.

Formatos incluídos em cada plano
Formato	Especificações	Ideal para	Starter & All in one
MP4	1080 × 1080, 60 fps, todas as 17 animações	Apps, redes sociais, apresentações, vídeos de produto	Incluído
Vídeo de abertura 9:16	MP4 1080 × 1920	Stories, Reels, splash screens	Incluído
GIF	Prévias de 480 px, fundo sólido	Documentação, e-mail, chat, README	Incluído
Rive (.riv)	Vetorial; view model com Data Binding + inputs legados: mood para os loops, triggers para as reações únicas e uma state machine para a intro de abertura	Apps e sites interativos (web, iOS, Android, Flutter)	Incluído
WebM com fundo transparente	VP9 com canal alfa, 1080 × 1080	Sobreposições na web sobre qualquer fundo	Incluído
MOV com fundo transparente	HEVC com canal alfa	Final Cut, Keynote, iOS, Safari	Incluído
Código	Componentes para web (HTML), React e SwiftUI	Cole e publique	Incluído
Baixar tudo (.zip)	Arquivo Rive, código, README e pôsteres em um só arquivo	Entrega para o seu time	Incluído
Exportação de vídeo	MP4, GIF, WebM e MOV transparentes, 9:16: escolha formatos e animações na página do conjunto, prontos em cerca de um minuto	Só os vídeos de que você precisa	Incluído
Assistentes de IA (MCP)	Claude, Cursor, VS Code e Codex	Crie, anime e receba links de download no chat	Incluído

Planos

Comece grátis. Faça upgrade quando precisar de mais.

O Starter (US$ 20/mês) cobre um produto. O All in one (US$ 100/mês) dá ao seu time 10 conjuntos de personagem e 15 animações de logo por mês, builds prioritários e chamados de suporte prioritários. Preços em USD; os impostos são calculados no checkout pela Creem.

Free

$0para sempre

Experimente com o seu próprio logo e personagem.

Comece grátis

Ideias de animação de logo (3 conceitos)
Prévia do personagem em apps
Sem cartão
2 Designs com IA (logos ou personagens)
Funciona no Claude, Cursor, Codex
Suporte por e-mail

Mais popular

Starter

US$ 20/mês

Para um app ou site.

Assinar Starter

3 animações de logo por mês
3 conjuntos de personagem por mês
Rive, vídeo transparente e código
12 designs com IA por mês
1 refinamento por animação de logo
Chamados de suporte

All in one

US$ 100/mês

Para times e várias marcas.

Assinar All in one

15 animações de logo por mês
10 conjuntos de personagem por mês
Vídeo 3D cinematográfico incluído
40 designs com IA por mês
3 refinamentos por animação de logo
Builds e suporte prioritários

FAQ

Antes de começar.

Veja mais nas perguntas frequentes.

Qual a diferença em relação a contratar um freelancer de Rive?

Você recebe um conjunto fixo de 17 estados de produto em poucas horas, por um preço fixo, com código e formatos de vídeo incluídos. Um freelancer é a melhor escolha para cenas sob medida, lip-sync com um roteiro ou estilos de arte incomuns.

O que eu envio para começar?

Uma imagem do personagem (PNG, JPEG ou WebP, com pelo menos 512 px) e um nome para o conjunto. Ainda não tem um personagem? Crie um com IA no app primeiro: algumas palavras sobre ele e depois quatro escolhas rápidas.

Vocês assinam NDAs ou trabalham seguindo nossas diretrizes de marca?

NDAs e diretrizes de marca são tratados caso a caso: fale com a gente antes de fazer o pedido. Os uploads são sempre privados, processados nas nossas próprias máquinas e nunca usados para treinamento.

Podemos pedir mais de 3 conjuntos por mês?

Sim: o All in one inclui 10 conjuntos de personagem e 15 animações de logo por mês. As cotas são renovadas a cada período de cobrança; fale com a gente se o seu time precisar de mais.

Saiba mais

Guias para este trabalho.

Veja primeiro com o seu personagem.

Grátis, no seu navegador. A sua imagem fica no seu dispositivo, a menos que você peça o clipe animado curto.

Prévia grátis

Outras formas de usar o Charmotion

PNG para Rive Animador de mascote com IA Imagem para animação de personagem Para apps iOS Criador de logo animado Avatar de chatbot animado Animação de splash screen Animação de carregamento com logo Mascote para site Animação de logo com fundo transparente Mascote para apps mobile Gerador de mascote com IA Folha de expressões do mascote