# Plantillas Remotion de animación de componentes y flujos de interfaz 14 plantillas Remotion gratis de animación de interfaz: comboboxes, menús de comandos, toasts, deslizadores, pestañas y flujos completos de registro, pago y ajustes. Edítalas u obtén el código. Canonical URL: https://www.subclip.app/es/motion-graphics-templates/remotion/ui-animations Estas plantillas de Remotion animan las partes de una interfaz: un combobox que se abre, un menú de comandos que filtra, un toast que entra tras un clic, un deslizador que se arrastra. Varias son flujos completos, en los que un cursor rellena un formulario de registro o completa un pago. Son útiles para demos de producto y vídeos de lanzamiento de SaaS que necesitan mostrar una app funcionando sin tener que grabarla. ## Componentes y flujos Cada plantilla de componente reproduce una interacción: Combobox escribe una consulta y elige un resultado, Command Menu filtra una lista de comandos, Context Menu se abre con un clic derecho, Tabs cambia de panel, Slider arrastra un valor, Stepper avanza por los pasos, Resizable arrastra un tirador divisor, Skeleton se resuelve en contenido cargado, Toast confirma una acción y Typing Indicator muestra el pulso de los tres puntos. Search Reveal construye una barra de búsqueda a partir de círculos de construcción. Los flujos encadenan estas piezas: Signup Flow rellena cada campo y envía, Checkout Flow elige un plan e introduce los datos de la tarjeta, y Settings Toggle Flow activa interruptores, elige un tema y guarda. ## Edita la interfaz Cada plantilla es un componente TSX con las etiquetas, los valores y los tiempos en props y arrays sencillos, así que puedes cambiar los textos para que coincidan con tu producto. Edítalas en Subclip junto a tus grabaciones de pantalla o copia el código en tu propio proyecto de Remotion. ## 14 plantillas - [Search Reveal](https://www.subclip.app/es/motion-graphics-templates/remotion/search-reveal) (Remotion, Interfaz): Finos círculos de construcción se expanden y encajan en una barra de búsqueda, tu texto se escribe solo y detrás se abre un panel gráfico colorido. - [Combobox](https://www.subclip.app/es/motion-graphics-templates/remotion/combobox) (Remotion, Interfaz): Un componente de selección con búsqueda, con un activador con texto de marcador, un panel de opciones abierto y una fila resaltada, para vídeos de demo de interfaz. - [Command Menu](https://www.subclip.app/es/motion-graphics-templates/remotion/command-menu) (Remotion, Interfaz): Una paleta de comandos de teclado con un campo de búsqueda y una lista de comandos con atajos, mostrada abierta sobre un fondo atenuado. - [Context Menu](https://www.subclip.app/es/motion-graphics-templates/remotion/context-menu) (Remotion, Interfaz): Un panel de menú de clic derecho con cuatro acciones y una fila bajo el puntero, listo para colocarlo en el punto del cursor en una demo de interfaz. - [Resizable](https://www.subclip.app/es/motion-graphics-templates/remotion/resizable) (Remotion, Interfaz): Un diseño de dos paneles con un tirador divisor, donde la proporción de la división y el estado del tirador se pueden ajustar para vídeos de demo de interfaz. - [Skeleton](https://www.subclip.app/es/motion-graphics-templates/remotion/skeleton) (Remotion, Interfaz): Una tarjeta de carga tipo skeleton con un brillo que recorre un avatar redondo y dos líneas de texto. - [Slider](https://www.subclip.app/es/motion-graphics-templates/remotion/slider) (Remotion, Interfaz): Un deslizador de rango limpio cuyo valor de relleno y estado del control se pueden ajustar, con el valor actual sobre el control. - [Stepper](https://www.subclip.app/es/motion-graphics-templates/remotion/stepper) (Remotion, Interfaz): Un indicador de pasos horizontal de onboarding con tres pasos etiquetados, donde se puede elegir el paso activo para mostrar el progreso. - [Tabs](https://www.subclip.app/es/motion-graphics-templates/remotion/tabs) (Remotion, Interfaz): Un componente de pestañas con indicador de píldora o subrayado y un breve panel de texto para la pestaña activa. - [Toast](https://www.subclip.app/es/motion-graphics-templates/remotion/toast) (Remotion, Interfaz): Una pequeña tarjeta de notificación con icono, título y línea de detalle, en estilo predeterminado o de éxito, para vídeos de demo de apps. - [Typing Indicator](https://www.subclip.app/es/motion-graphics-templates/remotion/typing-indicator) (Remotion, Interfaz): Una fila de pequeños puntos que rebotan uno tras otro en una onda suave, como el indicador de escritura de una app de chat. - [Signup Flow](https://www.subclip.app/es/motion-graphics-templates/remotion/signup-flow) (Remotion, Interfaz): Una tarjeta de registro al estilo de shadcn donde un cursor rellena el nombre, el email y la contraseña, envía con un estado de carga y recibe un toast de éxito. - [Checkout Flow](https://www.subclip.app/es/motion-graphics-templates/remotion/checkout-flow) (Remotion, Interfaz): Una tarjeta de pago con selector de facturación, campo de tarjeta y casilla de condiciones, que un cursor rellena y paga, con un toast de éxito al final. - [Settings Toggle Flow](https://www.subclip.app/es/motion-graphics-templates/remotion/settings-toggle-flow) (Remotion, Interfaz): Una tarjeta de ajustes a dos columnas donde un cursor activa las notificaciones, elige un tema, arrastra un deslizador y guarda.