Remotion Templates | RVE

Remotion Templates by RVE

Una colección de 81 plantillas Remotion gratuitas y listas para usar para crear videos programáticos con React. Cada plantilla es un componente React autónomo que utiliza hooks de Remotion (useCurrentFrame, interpolate, spring, useVideoConfig) — sin keyframes de CSS ni librerías de animación externas.

Demostraciones en vivo

Mira todas las plantillas en acción en reactvideoeditor.com/remotion-templates.

Plantillas por categoría

Gráficos y datos (9)

Plantilla	Archivo	Descripción
Bar Chart	chart-animation.tsx	Gráfico de barras SVG animado con crecimiento escalonado de barras
Line Chart	line-chart.tsx	Polilínea SVG dibujándose de izquierda a derecha con puntos de datos
Pie Chart	pie-chart.tsx	Círculo segmentado con revelado secuencial de segmentos
Donut Chart	donut-chart.tsx	Gráfico de anillo con segmentos animados y métrica central
Area Chart	area-chart.tsx	Área con relleno degradado bajo una línea, revelándose de izquierda a derecha
Progress Bars	progress-bars.tsx	Barras horizontales que se llenan hasta diferentes anchos
Stat Counter	stat-counter.tsx	Número grande contando hacia arriba con formato de comas
Comparison Chart	comparison-chart.tsx	Comparación de métricas antes/después lado a lado
Circular Progress	circular-progress.tsx	Anillo de progreso animado con porcentaje

Texto (9)

Plantilla	Archivo	Descripción
Animated Text	animated-text.tsx	Revelado de texto carácter por carácter
Bounce Text	bounce-text.tsx	Entrada con rebote elástico para títulos
Bubble Pop Text	bubble-pop-text.tsx	Caracteres que aparecen dentro de burbujas
Floating Text Chip	floating-bubble-text.tsx	Etiqueta flotante con balanceo de onda sinusoidal
Glitch Text	glitch-text.tsx	Glitch de división RGB con decaimiento
Popping Scale Text	popping-text.tsx	Entrada de escala con efecto pop basado en resorte
Pulsing Text	pulsing-text.tsx	Pulso de escala continuo para enfatizar
Slide Text	slide-text.tsx	Texto deslizante direccional
Typewriter Subtitle	typewriter-subtitle.tsx	Escritura carácter por carácter con cursor

Animación de contenido (9)

Plantilla	Archivo	Descripción
Animated List	animated-list.tsx	Entrada escalonada de elementos de lista
Card Flip	card-flip.tsx	Volteo de tarjeta 3D con contenido frontal/trasero
Countdown Timer	countdown-timer.tsx	5-4-3-2-1-GO con escala elástica
Notification Pop	notification-pop.tsx	Notificaciones toast apiladas
Particle Explosion	particle-explosion.tsx	Partículas que estallan desde el centro
Progress Steps	progress-steps.tsx	Indicador de pasos que se llena en secuencia
Rotating Carousel	rotating-carousel.tsx	Carrusel de tarjetas giratorio 3D
Sound Wave	sound-wave.tsx	Visualizador de barras de forma de onda de audio
Text Highlight	text-highlight.tsx	Resaltado secuencial de palabras

Fondo (9)

Plantilla	Archivo	Descripción
Bokeh Circles	bokeh-circles.tsx	Círculos suaves flotantes con deriva
Geometric Patterns	geometric-patterns.tsx	Formas geométricas que rotan/escalan
Gradient Shift	gradient-shift.tsx	Degradado ambiental que cambia lentamente
Grid Pulse	grid-pulse.tsx	Cuadrícula de puntos con pulso de onda ondulante
Liquid Wave	liquid-wave.tsx	Formas de onda SVG fluidas
Matrix Rain	matrix-rain.tsx	Columnas de lluvia de código cayendo
Noise Grain	noise-grain.tsx	Superposición sutil de grano de película
Pixel Transition	pixel-transition.tsx	Revelado de cuadrícula pixelada
Starfield	starfield.tsx	Efecto de estrellas volando por el espacio

Cinematográfico (9)

Plantilla	Archivo	Descripción
Camera Shake	camera-shake.tsx	Sacudida con decaimiento para momentos de impacto
Film Burn	film-burn.tsx	Superposición cálida de fuga de luz
Ken Burns	ken-burns.tsx	Paneo y zoom para imágenes
Letterbox Reveal	letterbox-reveal.tsx	Barras negras que se retraen para revelar
Parallax Pan	parallax-pan.tsx	Desplazamiento parallax multicapa
Spotlight Reveal	spotlight-reveal.tsx	Revelado con clip-path de círculo expansivo
Vignette Pulse	vignette-pulse.tsx	Superposición de bordes oscurecidos pulsantes
Whip Pan	whip-pan.tsx	Paneo horizontal rápido con desenfoque de movimiento
Zoom Pulse	zoom-pulse.tsx	Pulso rítmico de zoom de entrada/salida

Transición (9)

Plantilla	Archivo	Descripción
Blinds Transition	blinds-transition.tsx	Persianas horizontales abriéndose
Clock Wipe	clock-wipe.tsx	Barrido radial de manecilla de reloj
Cross Dissolve	cross-dissolve.tsx	Fundido cruzado clásico entre escenas
Fade Through Black	fade-through-black.tsx	Transición a negro entre escenas
Iris Transition	iris-transition.tsx	Iris circular que se cierra/abre
Morph Transition	morph-transition.tsx	Morfosis de escala y fundido
Push Transition	push-transition.tsx	La nueva escena empuja a la anterior fuera de pantalla
Slide Wipe	slide-wipe.tsx	Deslizamiento de panel impulsado por resorte
Zoom Through	zoom-through.tsx	Zoom de entrada y luego zoom de salida para revelar

Logotipo y marca (9)

Plantilla	Archivo	Descripción
Logo Blur Reveal	logo-blur-reveal.tsx	Desenfoque con enfoque gradual hasta nitidez
Logo Bounce Drop	logo-bounce-drop.tsx	Caída desde arriba con rebote
Logo Fade Reveal	logo-fade-reveal.tsx	Fundido de entrada con sutil aumento de escala
Logo Glitch Reveal	logo-glitch-reveal.tsx	Glitch de división RGB que decae hasta quedar limpio
Logo Scale Rotate	logo-scale-rotate.tsx	Entrada con escala giratoria
Logo Spin Reveal	logo-spin-reveal.tsx	Revelado con giro 3D en el eje Y
Logo Split Reveal	logo-split-reveal.tsx	Mitades izquierda/derecha expandiéndose
Logo Stroke Draw	logo-stroke-draw.tsx	Animación de dibujo de trazo SVG
Logo Typewriter	logo-typewriter.tsx	Icono + nombre de empresa escrito

Intro y outro (9)

Plantilla	Archivo	Descripción
Chapter Title	chapter-title.tsx	Número de capítulo con líneas que se extienden
Cinematic Title Intro	cinematic-title-intro.tsx	Título con entrada elástica y subrayado creciente
Countdown Intro	countdown-intro.tsx	Cuenta regresiva de anillo 3-2-1-GO
Credits Roll	credits-roll.tsx	Créditos desplazables estilo cine
End Card	end-card.tsx	Outro con CTA de suscripción
Lower Third	lower-third.tsx	Barra de nombre/título estilo noticias
Quote Card	quote-card.tsx	Cita animada con atribución
Subscribe Reminder	subscribe-reminder.tsx	Superposición flotante de suscripción
Title Split	title-split.tsx	Texto dividido que se encuentra en el centro

Imagen y medios (9)

Plantilla	Archivo	Descripción
Gallery Grid	gallery-grid.tsx	Revelado de cuadrícula 2x3 escalonada
Image Carousel	image-carousel.tsx	Deslizamiento horizontal con enfoque central
Image Comparison Slider	image-comparison-slider.tsx	Divisor deslizante antes/después
Image Zoom Reveal	image-zoom-reveal.tsx	Revelado con zoom de salida y enfoque gradual
Masonry Gallery	masonry-gallery.tsx	Cuadrícula escalonada estilo Pinterest
Photo Stack	photo-stack.tsx	Marcos superpuestos con rotación
Picture in Picture	picture-in-picture.tsx	Diseño de superposición PiP
Polaroid Frame	polaroid-frame.tsx	Foto estilo Polaroid con entrada descendente
Split Screen	split-screen.tsx	Dos paneles deslizándose para encontrarse

Primeros pasos

1. Clona o descarga este repositorio
2. Copia los archivos de plantilla que quieras en tu proyecto Remotion
3. Importa y usa en tu <Composition />:

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

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

Nota: Estas plantillas son componentes React autónomos. Cópialas en tu proyecto, conéctalas con tu configuración de Remotion y ajusta las props para adaptarlas a tus necesidades.

Contribuciones

¡Las contribuciones son bienvenidas! Si tienes ideas para nuevas plantillas o mejoras a las existentes, no dudes en enviar un issue o un pull request.

Licencia

Todas las plantillas de este repositorio están disponibles bajo la Licencia MIT. Puedes usarlas en proyectos personales y comerciales, pero se agradece la atribución cuando corresponda.