Remotion Templates | RVE

Remotion Templates by RVE

Uma coleção de 81 templates Remotion gratuitos e prontos para uso para criar vídeos programáticos com React. Cada template é um componente React autônomo que usa hooks do Remotion (useCurrentFrame, interpolate, spring, useVideoConfig) — sem keyframes CSS ou bibliotecas de animação externas.

Demonstrações ao Vivo

Veja todos os templates em ação em reactvideoeditor.com/remotion-templates.

Templates por Categoria

Gráficos e Dados (9)

Template	File	Description
Bar Chart	chart-animation.tsx	Gráfico de barras SVG animado com crescimento escalonado das barras
Line Chart	line-chart.tsx	Polilinha SVG desenhada da esquerda para a direita com pontos de dados
Pie Chart	pie-chart.tsx	Círculo segmentado com revelação sequencial dos segmentos
Donut Chart	donut-chart.tsx	Gráfico de rosca com segmentos animados e métrica central
Area Chart	area-chart.tsx	Área preenchida com gradiente sob uma linha, revelando da esquerda para a direita
Progress Bars	progress-bars.tsx	Barras horizontais preenchendo até diferentes larguras
Stat Counter	stat-counter.tsx	Número grande contando para cima com formatação de vírgula
Comparison Chart	comparison-chart.tsx	Comparação lado a lado de métricas antes/depois
Circular Progress	circular-progress.tsx	Anel de progresso animado com porcentagem

Texto (9)

Template	File	Description
Animated Text	animated-text.tsx	Revelação de texto caractere por caractere
Bounce Text	bounce-text.tsx	Entrada com salto de mola para títulos
Bubble Pop Text	bubble-pop-text.tsx	Caracteres aparecem dentro de bolhas
Floating Text Chip	floating-bubble-text.tsx	Etiqueta flutuante com oscilação de onda senoidal
Glitch Text	glitch-text.tsx	Glitch de separação RGB com decaimento
Popping Scale Text	popping-text.tsx	Entrada de escala com efeito pop baseado em mola
Pulsing Text	pulsing-text.tsx	Pulso de escala contínuo para ênfase
Slide Text	slide-text.tsx	Texto deslizante direcional
Typewriter Subtitle	typewriter-subtitle.tsx	Digitação caractere por caractere com cursor

Animação de Conteúdo (9)

Template	File	Description
Animated List	animated-list.tsx	Entrada escalonada de itens de lista
Card Flip	card-flip.tsx	Virada de cartão 3D com conteúdo frontal/traseiro
Countdown Timer	countdown-timer.tsx	5-4-3-2-1-GO com escala de mola
Notification Pop	notification-pop.tsx	Notificações empilhadas (toasts)
Particle Explosion	particle-explosion.tsx	Partículas explodindo do centro
Progress Steps	progress-steps.tsx	Indicador de etapas preenchendo em sequência
Rotating Carousel	rotating-carousel.tsx	Carrossel de cartões giratório 3D
Sound Wave	sound-wave.tsx	Visualizador de forma de onda de áudio em barras
Text Highlight	text-highlight.tsx	Destaque sequencial de palavras

Fundo (9)

Template	File	Description
Bokeh Circles	bokeh-circles.tsx	Círculos suaves flutuantes com deriva
Geometric Patterns	geometric-patterns.tsx	Formas geométricas girando/escalando
Gradient Shift	gradient-shift.tsx	Gradiente ambiente mudando lentamente
Grid Pulse	grid-pulse.tsx	Grade de pontos com pulso de onda ondulada
Liquid Wave	liquid-wave.tsx	Formas de onda SVG fluindo
Matrix Rain	matrix-rain.tsx	Colunas de chuva de código caindo
Noise Grain	noise-grain.tsx	Sobreposição sutil de granulação de filme
Pixel Transition	pixel-transition.tsx	Revelação de grade pixelada
Starfield	starfield.tsx	Efeito de estrelas voando pelo espaço

Cinematográfico (9)

Template	File	Description
Camera Shake	camera-shake.tsx	Tremor com decaimento para momentos de impacto
Film Burn	film-burn.tsx	Sobreposição de vazamento de luz quente
Ken Burns	ken-burns.tsx	Panorâmica e zoom para imagens
Letterbox Reveal	letterbox-reveal.tsx	Barras pretas se retraindo para revelar
Parallax Pan	parallax-pan.tsx	Rolagem parallax em múltiplas camadas
Spotlight Reveal	spotlight-reveal.tsx	Revelação com clip-path de círculo expansivo
Vignette Pulse	vignette-pulse.tsx	Sobreposição de bordas escurecidas pulsantes
Whip Pan	whip-pan.tsx	Panorâmica horizontal rápida com desfoque de movimento
Zoom Pulse	zoom-pulse.tsx	Pulso rítmico de zoom in/out

Transição (9)

Template	File	Description
Blinds Transition	blinds-transition.tsx	Persianas horizontais abrindo
Clock Wipe	clock-wipe.tsx	Varredura radial de ponteiro de relógio
Cross Dissolve	cross-dissolve.tsx	Dissolução cruzada clássica entre cenas
Fade Through Black	fade-through-black.tsx	Mergulho no preto entre cenas
Iris Transition	iris-transition.tsx	Íris circular fechando/abrindo
Morph Transition	morph-transition.tsx	Morfagem com escala e desvanecimento
Push Transition	push-transition.tsx	Nova cena empurra a antiga para fora da tela
Slide Wipe	slide-wipe.tsx	Deslizamento de painel impulsionado por mola
Zoom Through	zoom-through.tsx	Zoom in e depois zoom out para revelar

Logo e Marca (9)

Template	File	Description
Logo Blur Reveal	logo-blur-reveal.tsx	Desfoque de foco para nítido
Logo Bounce Drop	logo-bounce-drop.tsx	Queda de cima com quique
Logo Fade Reveal	logo-fade-reveal.tsx	Aparecimento gradual com leve aumento de escala
Logo Glitch Reveal	logo-glitch-reveal.tsx	Glitch de separação RGB decaindo para limpo
Logo Scale Rotate	logo-scale-rotate.tsx	Entrada com escala giratória
Logo Spin Reveal	logo-spin-reveal.tsx	Revelação com giro no eixo Y 3D
Logo Split Reveal	logo-split-reveal.tsx	Metades esquerda/direita expandindo
Logo Stroke Draw	logo-stroke-draw.tsx	Animação de desenho de traço SVG
Logo Typewriter	logo-typewriter.tsx	Ícone + nome da empresa digitado

Introdução e Encerramento (9)

Template	File	Description
Chapter Title	chapter-title.tsx	Número do capítulo com linhas que se estendem
Cinematic Title Intro	cinematic-title-intro.tsx	Título com entrada de mola e sublinhado crescente
Countdown Intro	countdown-intro.tsx	Contagem regressiva em anel 3-2-1-GO
Credits Roll	credits-roll.tsx	Créditos rolantes estilo cinema
End Card	end-card.tsx	Encerramento com CTA de inscrição
Lower Third	lower-third.tsx	Barra de nome/título estilo notícia
Quote Card	quote-card.tsx	Citação animada com atribuição
Subscribe Reminder	subscribe-reminder.tsx	Sobreposição flutuante de inscrição
Title Split	title-split.tsx	Texto dividido se encontrando no centro

Imagem e Mídia (9)

Template	File	Description
Gallery Grid	gallery-grid.tsx	Revelação de grade 2x3 escalonada
Image Carousel	image-carousel.tsx	Deslizamento horizontal com foco central
Image Comparison Slider	image-comparison-slider.tsx	Divisor deslizante antes/depois
Image Zoom Reveal	image-zoom-reveal.tsx	Revelação com zoom out e puxada de foco
Masonry Gallery	masonry-gallery.tsx	Grade escalonada estilo Pinterest
Photo Stack	photo-stack.tsx	Quadros sobrepostos com rotação
Picture in Picture	picture-in-picture.tsx	Layout de sobreposição PiP
Polaroid Frame	polaroid-frame.tsx	Foto estilo Polaroid com entrada em queda
Split Screen	split-screen.tsx	Dois painéis deslizando para se encontrar

Como Começar

1. Clone ou baixe este repositório
2. Copie o(s) arquivo(s) de template desejado(s) para o seu projeto Remotion
3. Importe e use no seu <Composition />:

import ChartAnimation from "./templates/chart-animation";

<Composition
  id="BarChart"
  component={ChartAnimation}
  durationInFrames={90}
  fps={30}
  width={960}
  height={540}
/>;

Nota: Esses templates são componentes React autônomos. Copie-os para o seu projeto, conecte-os à sua configuração Remotion e ajuste as props conforme necessário.

Contribuindo

Contribuições são bem-vindas! Se você tiver ideias para novos templates ou melhorias nos existentes, sinta-se à vontade para enviar uma issue ou um pull request.

Licença

Todos os templates neste repositório estão disponíveis sob a Licença MIT. Você pode usá-los em projetos pessoais e comerciais, mas a atribuição é apreciada quando aplicável.