# Бесплатные шаблоны анимированной графики Remotion

Бесплатные шаблоны видео 151 Remotion в React: текст, демонстрации и 3D. Отредактируйте в Subclip или получите TSX для Claude.

Canonical URL: https://www.subclip.app/ru/motion-graphics-templates/remotion

Эти бесплатные шаблоны Remotion представляют собой видеосцены React, написанные на языке TSX. Они предназначены для разработчиков, создающих видео в коде, и для всех, кто работает с агентом кодирования AI, например Claude или Codex. В набор входят кинетическая типографика, демонстрационные сцены продуктов, изображения логотипов, диаграммы, карты и трехмерные элементы, каждый из которых содержит типизированный реквизит, который вы можете изменить.

## Компоненты React, управляемые номерами кадров

Шаблон Remotion является компонентом React. Вместо воспроизведения временной шкалы он запрашивает номер текущего кадра и на основе него вычисляет каждую позицию, непрозрачность и цвет. Кадр 45 всегда выглядит одинаково, что делает рендеринг предсказуемым и позволяет без сюрпризов перейти к любой точке.

Каждый шаблон предоставляет свои настройки в виде реквизита. Текстовые шаблоны используют такие реквизиты, как слова, текст или заголовок. Сцены продукта включают изображения, источники логотипов, цвета и значения времени, например продолжительность удержания. Большинство из них имеют свойство скорости, которое масштабирует всю анимацию, а многие имеют свойство stageBackground для области вокруг сцены. Изменение реквизита меняет результат каждого кадра, при этом ключевые кадры не нужно перемещать вручную.

Некоторые шаблоны идут дальше. Golden bounce 3D визуализирует сферы с помощью Three.js и детерминированной гравитации, Glowing fish помещает анимацию Lottie в пружинный вход, а Map explainer рисует маршруты на глобусе с камерой, которая следует за ними.

## Что входит в набор Remotion

Наибольшую долю составляют демо-анимации продуктов. Answer Stream следует за ответом искусственного интеллекта от кнопки "Отправить" до набранного ответа, Agent Steps показывает журнал задач со счетчиками и галочками, Terminal Simulator вводит команды и распечатывает выходные данные, Cursor Track перемещает указатель по любому пользовательскому интерфейсу и подает импульс на кольцо щелчка, а Phone Frame и Laptop Frame помещают ваш снимок экрана или запись внутрь устройства.

Работа над логотипами включает Logo Flicker, Logo Assemble, Logo Collapse и Wordmark Cut. Кинетическая типографика варьируется от Text Reveal и Text Swap до полнотекстовых сцен, таких как Swing Typography, Flood Typography, Ink Flood и Glass Type. Data story и Split comparison обрабатывают диаграммы и цифры до/после, а River sequence рисует реку на карте с указанием страны.

## Как Subclip запускает шаблоны Remotion

Каждый шаблон Remotion предварительно установлен в Subclip, настольном видеоредакторе AI для Mac и Windows. Поместите один из них на временную шкалу, и Subclip визуализирует компонент с вашим реквизитом рядом с вашим отснятым материалом. Вы можете отредактировать реквизит самостоятельно или попросить ИИ-агента: "измените заголовок на "Доставлять быстрее", "используйте синий цвет нашего бренда", "сделайте это в два раза быстрее". Агент обновляет реквизит, а вы экспортируете готовое видео.

Некоторым шаблонам требуется среда выполнения Subclip, и они работают только внутри приложения. Сюда входят сцены с типовыми эффектами в текстовом наборе, такие как Blur Reveal, Stamp Type и Rush Type, а также земной шар в Map explainer. Их страницы указывают на приложение, а не на пакет кода.

## Пакеты кодов для Claude, Codex и ваших собственных проектов.

Большинство шаблонов Remotion поставляются с пакетом кода после бесплатного входа в систему. Копирование кода с приглашением -- самый быстрый путь: он помещает полный TSX и приглашение для Claude или Codex в буфер обмена, называя реквизиты, которые агент может изменить. Вставьте его в свой агент и опишите желаемое изменение.

Загрузите zip-архив, если вам нужны файлы. Он содержит template.tsx, props.json со значениями по умолчанию, README, который объясняет, как запустить его в новом проекте Remotion, а также файлы AGENTS.md и CLAUDE.md, которые сообщают агенту кодирования, что он может редактировать. Оттуда вы можете визуализировать его с помощью собственной настройки Remotion или использовать компонент внутри существующей композиции.

## Шаблонов: 151

- [Logo Flicker](https://www.subclip.app/ru/motion-graphics-templates/remotion/logo-flicker) (Remotion, Анимации логотипа): Вступительный логотип, в котором изображения быстро мигают на центральной карточке, замедляются, исчезают и оставляют ваш логотип и название бренда.
- [Laptop Frame](https://www.subclip.app/ru/motion-graphics-templates/remotion/laptop-frame) (Remotion, Экраны и устройства): Анимация макета ноутбука, в которой открывается крышка, воспроизводится уведомление с надписью, а камера прижимается к экрану, пока ваш контент не заполнит кадр.
- [Logo Assemble](https://www.subclip.app/ru/motion-graphics-templates/remotion/logo-assemble) (Remotion, Анимации логотипа): Логотип показывает, где кольцо карточек с изображениями вращается вокруг строки текста, а затем сворачивается внутрь вашего логотипа и названия бренда.
- [Phone Frame](https://www.subclip.app/ru/motion-graphics-templates/remotion/phone-frame) (Remotion, Экраны и устройства): Анимация-макет в стиле телефона, в которой снимок экрана вашего приложения или запись экрана помещается в рамку телефона с входом и плавным плаванием.
- [Answer Highlight](https://www.subclip.app/ru/motion-graphics-templates/remotion/answer-highlight) (Remotion, Ввод в ИИ-чате): Анимация ответа искусственного интеллекта в стиле чата, где появляется вопрос, вводится ответ, а одна ключевая фраза выбирается и выделяется синим цветом.
- [Agent Steps](https://www.subclip.app/ru/motion-graphics-templates/remotion/agent-steps) (Remotion, Ввод в ИИ-чате): Журнал задач агента ИИ, в котором каждый шаг перечислен под подсказкой с небольшими значками, которые по завершении работы превращаются в галочки.
- [Announce Title](https://www.subclip.app/ru/motion-graphics-templates/remotion/announce-title) (Remotion, Демо продуктов): Вступление к объявлению продукта, которое проходит через короткую бровь, большой заголовок с символом вашего бренда и заключительный слоган на темном фоне.
- [Answer Stream](https://www.subclip.app/ru/motion-graphics-templates/remotion/answer-stream) (Remotion, Ввод в ИИ-чате): Потоковая анимация чата с искусственным интеллектом, которая начинается при закрытии кнопки отправки, а затем отодвигается, когда вводится ответ с заголовком и карточками.
- [Text Reveal](https://www.subclip.app/ru/motion-graphics-templates/remotion/text-reveal) (Remotion, Титры): Заголовок с кинетической типографикой, который представляет собой короткую строку слово за словом или букву за буквой, удерживает ее на экране, а затем позволяет ей отступить.
- [Text Highlight](https://www.subclip.app/ru/motion-graphics-templates/remotion/text-highlight) (Remotion, Титры): Анимация выделения одного слова внутри предложения со стилями маркера, изменения цвета, подчеркивания, зачеркивания, мерцания и вращения логотипа.
- [Text Rewrite](https://www.subclip.app/ru/motion-graphics-templates/remotion/text-rewrite) (Remotion, Титры): Текстовая анимация пишущей машинки, в которой вводится заголовок, его окончание выделяется и стирается, а на его месте вводятся новые слова.
- [Text Select](https://www.subclip.app/ru/motion-graphics-templates/remotion/text-select) (Remotion, Титры): Строка пишущей машинки, которая печатает слово за словом, затем выделяется мягким синим выделением текста и мимолетным блеском.
- [Text Swap](https://www.subclip.app/ru/motion-graphics-templates/remotion/text-swap) (Remotion, Титры): Анимация вращающегося заголовка, при которой одна строка текста заменяется другой с использованием шахматных переходов слов или букв.
- [Text Swell](https://www.subclip.app/ru/motion-graphics-templates/remotion/text-swell) (Remotion, Титры): Кинетический типографический заголовок, в котором слова встают на свои места, а по буквам пробегает прыгающая волна, прежде чем линия отступает.
- [Text Build](https://www.subclip.app/ru/motion-graphics-templates/remotion/text-build) (Remotion, Титры): Пословное построение текста, при котором каждое новое слово вставляется, а слова, уже находящиеся на экране, смещаются, чтобы строка сохранялась по центру.
- [Word Flip](https://www.subclip.app/ru/motion-graphics-templates/remotion/word-flip) (Remotion, Титры): Заголовок пишущей машинки, состоящий из одного слова, который в 3D перелистывается через список опций, оформленный градиентом от синего до фиолетового.
- [Logo Drift](https://www.subclip.app/ru/motion-graphics-templates/remotion/logo-drift) (Remotion, Анимации логотипа): Анимация стены с логотипом, в которой интеграционные плитки проплывают со всех сторон, а камера отодвигается назад и в центре появляется заголовок.
- [Block Wordmark](https://www.subclip.app/ru/motion-graphics-templates/remotion/block-wordmark) (Remotion, Анимации логотипа): Логотип, в котором цветные блоки вращаются и образуют название вашего бренда, которое затем отображается на экране в виде жирного словесного знака.
- [Terminal Simulator](https://www.subclip.app/ru/motion-graphics-templates/remotion/terminal-simulator) (Remotion, Экраны и устройства): Анимация терминала, которая вводит команды в темное окно, печатает выходные данные и может увеличивать масштаб, чтобы следовать за курсором.
- [Screen Recording](https://www.subclip.app/ru/motion-graphics-templates/remotion/screen-recording) (Remotion, Экраны и устройства): Сцена записи экрана, которая обрезает ваш снимок, помещает его на фон с закругленными углами и приближает с увеличением.
- [Count Grid](https://www.subclip.app/ru/motion-graphics-templates/remotion/count-grid) (Remotion, Демо продуктов): Анимация статистики: сетка карточек размножается по всему кадру, а счетчик в центре доходит до вашего числа.
- [Roster Grant](https://www.subclip.app/ru/motion-graphics-templates/remotion/roster-grant) (Remotion, Демо продуктов): Анимация пользовательского интерфейса, в которой курсор нажимает на центральную кнопку призыва к действию, и вокруг него включаются карточки аватаров.
- [Wordmark Cut](https://www.subclip.app/ru/motion-graphics-templates/remotion/wordmark-cut) (Remotion, Демо продуктов): Конечная карточка, где огромный словесный знак располагается поперек кадра, а затем резко переходит к крупным планам последних букв и градиентной точки.
- [Cursor Track](https://www.subclip.app/ru/motion-graphics-templates/remotion/cursor-track) (Remotion, Клики): Искусственный курсор мыши, который движется по точкам маршрута поверх вашего интерфейса и при каждой остановке показывает пульсирующее кольцо клика.
- [Follower Rush](https://www.subclip.app/ru/motion-graphics-templates/remotion/follower-rush) (Remotion, Социальное доказательство): Уведомление о новых подписчиках: волна круглых аватаров прокатывается по экрану, а строка под ней отсчитывает до вашего числа подписчиков.
- [Prompt Send](https://www.subclip.app/ru/motion-graphics-templates/remotion/prompt-send) (Remotion, Ввод в ИИ-чате): Ввод чата в стеклянном стиле с мягким синим градиентом, который вводит подсказку, показывает чипы предложений, а затем увеличивает масштаб, когда курсор нажимает кнопку "Отправить".
- [Prompt Zoom](https://www.subclip.app/ru/motion-graphics-templates/remotion/prompt-zoom) (Remotion, Ввод в ИИ-чате): Целевой экран помощника искусственного интеллекта с окном приветствия и чата, который в одном кадре превращается в крупный план ввода, где вводится сама подсказка.
- [Punch Lines](https://www.subclip.app/ru/motion-graphics-templates/remotion/punch-lines) (Remotion, Титры): Серия полнокадровых титульных карточек со смелыми утверждениями, которые резко сокращаются между тактами, каждая строка скользит, пробивает или встает на место.
- [Orbit Gallery](https://www.subclip.app/ru/motion-graphics-templates/remotion/orbit-gallery) (Remotion, Демо продуктов): Темная вступительная галерея, где закругленные фрагменты фотографий вращаются по спирали к центру, а заголовок, подзаголовок и маленькая кнопка расположены посередине.
- [Product Hero](https://www.subclip.app/ru/motion-graphics-templates/remotion/hero-launch) (Remotion, Демо продуктов): Темный герой запуска продукта, где две карточки с изображениями встают на место рядом, а над ними появляется короткий заголовок.
- [Moodboard Reveal](https://www.subclip.app/ru/motion-graphics-templates/remotion/moodboard-reveal) (Remotion, Демо продуктов): Мудборд, где наклоненные фотокарточки проплывают мимо на черном фоне, прежде чем кадр попадает на одно изображение героя.
- [Reel Collage](https://www.subclip.app/ru/motion-graphics-templates/remotion/reel-collage) (Remotion, Демо продуктов): Быстрая подборка фотографий, которая пролистывает слайды, а затем превращается в разбросанный коллаж из изображений, обрамленных верхней и нижней строкой текста.
- [Reel Wall](https://www.subclip.app/ru/motion-graphics-templates/remotion/reel-wall) (Remotion, Демо продуктов): Изогнутая стена из вертикальных видеоклипов вращается перед камерой в темноте: плавно трогается с места, а затем крутится с постоянной скоростью.
- [Phone Stack](https://www.subclip.app/ru/motion-graphics-templates/remotion/phone-stack) (Remotion, Экраны и устройства): Экраны телефонов поднимаются один за другим и складываются в стопку: старые отходят назад, так что видны только их верхние края, и каждый воспроизводит свой вертикальный клип.
- [Portal Intro](https://www.subclip.app/ru/motion-graphics-templates/remotion/portal-intro) (Remotion, Демо продуктов): Фраза проявляется слово за словом, маленькая скруглённая картинка внутри неё растёт до размеров кадра, поверх печатается заголовок, а в конце появляется название бренда.
- [Dot Bloom](https://www.subclip.app/ru/motion-graphics-templates/remotion/dot-bloom) (Remotion, Переходы): Односекундный растровый переход: вспыхивают белые точки, кадр выцветает до кремового, затем тёплые коралловые, персиковые и розовые точки плывут полосами и редеют ячейка за ячейкой.
- [Search Typing](https://www.subclip.app/ru/motion-graphics-templates/remotion/search-typing) (Remotion, Ввод в ИИ-чате): Широкое поле поиска, превышающее размер фрейма, которое движется вперед, вводит запрос с естественными паузами, перемещается по тексту, а затем отступает.
- [Status Cycle](https://www.subclip.app/ru/motion-graphics-templates/remotion/status-cycle) (Remotion, Демо продуктов): Центральная строка текста с табличкой статуса в конце, метка которой перемещается по списку штатов, а вокруг нее располагаются теги.
- [Type Morph](https://www.subclip.app/ru/motion-graphics-templates/remotion/type-morph) (Remotion, Титры): Заголовок на пишущей машинке, который печатается под светящейся курсором, теряет вступительные слова, буква за буквой превращается в новое слово, а затем заканчивается заливом цвета.
- [Orb Swarm](https://www.subclip.app/ru/motion-graphics-templates/remotion/orb-swarm) (Remotion, Демо продуктов): Кинетическая текстовая сцена, в которой предложение воспроизводится по одному такту, а глянцевые шары разделяются, кружатся, завязываются и цепляются вокруг слов.
- [Word Gather](https://www.subclip.app/ru/motion-graphics-templates/remotion/word-gather) (Remotion, Титры): Анимация быстрого предложения, в которой слова появляются по одному, не по порядку и собираются в центрированную строку текста.
- [Word Wheel](https://www.subclip.app/ru/motion-graphics-templates/remotion/word-wheel) (Remotion, Титры): Заголовок рядом с вертикальным столбцом слов, который вращается, как барабан игрового автомата, и останавливается, когда рядом с ним выстраивается одно слово.
- [Check Cycle](https://www.subclip.app/ru/motion-graphics-templates/remotion/check-cycle) (Remotion, Титры): Короткий заголовок рядом с синим чекбоксом, который отмечается на каждом такте, пока окончание фразы перебирает несколько вариантов.
- [Font Shuffle](https://www.subclip.app/ru/motion-graphics-templates/remotion/font-shuffle) (Remotion, Титры): Титр запуска, который проявляется из перемешанных символов, вспыхивает акцентным цветом и затем меняет название продукта через одиннадцать шрифтов.
- [Button Press](https://www.subclip.app/ru/motion-graphics-templates/remotion/button-press) (Remotion, Клики): Курсор нажимает синюю составную кнопку: она темнеет при наведении, вдавливается, показывает состояние ожидания и завершается рисованной галочкой.
- [Click Type](https://www.subclip.app/ru/motion-graphics-templates/remotion/click-type) (Remotion, Клики): Стеклянное поле промпта, в котором сама пишется подсказка, курсор кликает по нему, а после резкой склейки внутри поля набирается ваш промпт.
- [Capture Reveal](https://www.subclip.app/ru/motion-graphics-templates/remotion/capture-reveal) (Remotion, Экраны и устройства): Сцена захвата экрана: уведомление над окном браузера доходит до 100 процентов, окно уходит вдаль, а уведомление подтверждает копирование.
- [Channel Thread](https://www.subclip.app/ru/motion-graphics-templates/remotion/channel-thread) (Remotion, Социальное доказательство): Канал рабочего чата, который заполняется сам: аватары, жирные имена, неброское время и короткие строки сообщений после индикатора набора.
- [Logo Collapse](https://www.subclip.app/ru/motion-graphics-templates/remotion/logo-collapse) (Remotion, Анимации логотипа): Краткое вступление к логотипу, в котором стопка фотографий пролистывается и сворачивается в ваш знак, а рядом с ним появляется текстовый знак.
- [Card Rail](https://www.subclip.app/ru/motion-graphics-templates/remotion/card-rail) (Remotion, Демо продуктов): Карусель, в которой лента карточек с изображениями, названиями и метками рывками сдвигается вбок по наклонной плоскости под заголовком.
- [Shader Text Reveal](https://www.subclip.app/ru/motion-graphics-templates/remotion/shader-text-reveal) (Remotion, Титры): Крупные слова проступают сквозь яркий движущийся WebGL-шейдер, а затем превращаются в простой белый текст на черном.
- [Soft Blur In](https://www.subclip.app/ru/motion-graphics-templates/remotion/soft-blur-in) (Remotion, Титры): Появление заголовка, в котором каждая буква выплывает из легкого размытия и превращается в четкий текст, в стиле главных титров Apple.
- [Per Character Rise](https://www.subclip.app/ru/motion-graphics-templates/remotion/per-character-rise) (Remotion, Титры): Четкий кинетический заголовок, в котором каждая буква по очереди выезжает снизу на свое место, без всякого размытия.
- [Inline Highlight](https://www.subclip.app/ru/motion-graphics-templates/remotion/inline-highlight) (Remotion, Титры): Предложение, в котором ключевое слово меняет основной цвет текста на цвет вашего бренда и притягивает к себе взгляд.
- [Marker Highlight](https://www.subclip.app/ru/motion-graphics-templates/remotion/marker-highlight) (Remotion, Титры): Предложение, в котором за одной фразой прорисовывается желтый мазок маркера, как текстовыделителем, а цвет фразы при этом меняется.
- [Shimmer Sweep](https://www.subclip.app/ru/motion-graphics-templates/remotion/shimmer-sweep) (Remotion, Титры): Приглушенный серый текст, по которому скользит яркая полоса света, тот самый блик на надписях загрузки и статусе ИИ "думает".
- [Selection Snap](https://www.subclip.app/ru/motion-graphics-templates/remotion/selection-snap) (Remotion, Титры): Слово в свободном видоискателе защелкивается в рамку выделения в стиле Figma, а его начертание меняется с Thin на Black, пока плашка размера отсчитывает значения.
- [Type Wall](https://www.subclip.app/ru/motion-graphics-templates/remotion/type-wall) (Remotion, Титры): Полноэкранная стена из одного повторяющегося слова, ряды которой движутся в противоположных направлениях с разной скоростью, а посередине проходит цветная полоса.
- [Period Drop](https://www.subclip.app/ru/motion-graphics-templates/remotion/period-drop) (Remotion, Титры): Слово поднимается на место, затем сверху падает цветная точка, отскакивает со сжатием и растяжением и встает в конце как точка.
- [Outline Trace](https://www.subclip.app/ru/motion-graphics-templates/remotion/outline-trace) (Remotion, Титры): Контур каждой буквы прорисовывается штрих за штрихом, одна буква за другой, а затем внутри букв поднимается заливка.
- [Glyph Anatomy](https://www.subclip.app/ru/motion-graphics-templates/remotion/glyph-anatomy) (Remotion, Титры): Слово строится как в редакторе шрифтов: метрические направляющие, опорные точки вдоль каждого контура и манипуляторы Bézier, изгибающие линии в кривые, а затем буквы заливаются.
- [Stripe Type](https://www.subclip.app/ru/motion-graphics-templates/remotion/stripe-type) (Remotion, Титры): Слово, нарезанное на горизонтальные полосы, как логотип IBM, съезжается с чередующихся сторон, фиксируется на месте и может проехать дальше.
- [Path Ride](https://www.subclip.app/ru/motion-graphics-templates/remotion/path-ride) (Remotion, Титры): Линия прорисовывается вдоль извилистой кривой, текст едет прямо за ее кончиком, а затем кривая натягивается и слова встают на прямую линию.
- [Type Repeater](https://www.subclip.app/ru/motion-graphics-templates/remotion/type-repeater) (Remotion, Титры): Повторитель в стиле After Effects для слова: контурные копии разворачиваются за ним в туннель, спираль или веер, пульсируют и складываются обратно.
- [Claude Code](https://www.subclip.app/ru/motion-graphics-templates/remotion/claude-code) (Remotion, Ввод в ИИ-чате): Приветственный экран CLI Claude Code с пунктирной рамкой приветствия, панелями недавней активности и новинок и командой, которая набирается в строке ввода.
- [ChatGPT](https://www.subclip.app/ru/motion-graphics-templates/remotion/chat-gpt) (Remotion, Ввод в ИИ-чате): Поле ввода в стиле ChatGPT: запрос набирается в поле-капсуле, кнопка голосового ввода становится кнопкой отправки, а подсказки плавно исчезают.
- [Claude Chat](https://www.subclip.app/ru/motion-graphics-templates/remotion/claude-chat) (Remotion, Ввод в ИИ-чате): Теплая карточка чата Claude с приветствием антиквой: в поле набирается запрос, и кнопка с волной становится кнопкой отправки.
- [OpenCode](https://www.subclip.app/ru/motion-graphics-templates/remotion/opencode) (Remotion, Ввод в ИИ-чате): Приветственный экран OpenCode в терминале с двухцветным логотипом, полем, в котором набирается запрос, строкой состояния модели и подсказками команд.
- [Agent Run](https://www.subclip.app/ru/motion-graphics-templates/remotion/agent-run) (Remotion, Ввод в ИИ-чате): Нейтральная панель ИИ-агента, которая показывает запрос, статус Thinking с планом, вызовы инструментов, завершающиеся галочками, и ответ, появляющийся порциями.
- [GitHub Stars](https://www.subclip.app/ru/motion-graphics-templates/remotion/github-stars) (Remotion, Социальное доказательство): Пролет по списку пользователей, отметивших репозиторий звездой, со счетчиком, который растет синхронно и останавливается на общем числе звезд.
- [X Followers Overview](https://www.subclip.app/ru/motion-graphics-templates/remotion/x-followers-overview) (Remotion, Социальное доказательство): Строка уведомлений о подписках в X, где в 3D переворачивается только имя, а затем раскрывается общее число подписчиков с вашим аватаром, никнеймом и конфетти.
- [Logo Enter](https://www.subclip.app/ru/motion-graphics-templates/remotion/logo-enter) (Remotion, Социальное доказательство): Перекрывающиеся круглые значки брендов, которые один за другим впрыгивают с небольшим сдвигом и остаются сложенной группой.
- [X Follow Card](https://www.subclip.app/ru/motion-graphics-templates/remotion/x-follow-card) (Remotion, Соцсети и чат): Карточка профиля X, которая впрыгивает с обложкой, аватаром, описанием и данными, после чего курсор нажимает Follow, и кнопка меняется на Following.
- [Chat Flow](https://www.subclip.app/ru/motion-graphics-templates/remotion/chat-flow) (Remotion, Соцсети и чат): Чат шириной с экран телефона: исходящие сообщения набираются в поле и отправляются, точки набора превращаются в ответы, а выскакивают реакции-эмодзи.
- [Telegram Chat Flow](https://www.subclip.app/ru/motion-graphics-templates/remotion/telegram-chat-flow) (Remotion, Соцсети и чат): Переписка в стиле Telegram: сообщения набираются в поле-капсуле и отправляются с двойными галочками, в шапке видно, что собеседник печатает, и выскакивают реакции.
- [Keystroke](https://www.subclip.app/ru/motion-graphics-templates/remotion/keystroke) (Remotion, Эффекты): Физические клавиши внизу кадра, которые нажимают каждое сочетание в правильном порядке, подсвечиваются, пока нажаты, и затем пружинят обратно.
- [Cursor Gravity](https://www.subclip.app/ru/motion-graphics-templates/remotion/cursor-gravity) (Remotion, Эффекты): Курсор цепляет кнопку у края экрана и вытягивает ее упругими рывками, пока кнопка не освободится и не встанет в центре.
- [TV Power Off](https://www.subclip.app/ru/motion-graphics-templates/remotion/tv-power-off) (Remotion, Эффекты): Выключение старого лампового телевизора: сцена сплющивается в яркую линию, линия сжимается в светящуюся точку, и точка гаснет до черного.
- [Confetti](https://www.subclip.app/ru/motion-graphics-templates/remotion/confetti) (Remotion, Эффекты): Взрыв конфетти на прозрачном фоне: кусочки вылетают, вращаются, порхают и падают, а фиксированное случайное изменение делает каждый рендер одинаковым.
- [Bauhaus Build](https://www.subclip.app/ru/motion-graphics-templates/remotion/bauhaus-build) (Remotion, Генеративное искусство): Плоские фигуры в духе Баухауса перекатываются с угла на угол по невидимой сетке в фриз, похожий на плакат, а затем перестраиваются в два фриза вокруг пустой полосы.
- [Mondrian Split](https://www.subclip.app/ru/motion-graphics-templates/remotion/mondrian-split) (Remotion, Генеративное искусство): Черные линии делят кадр на сетку в стиле "Де Стейл", красный, желтый и синий заполняют ячейки, сетка сдвигается, и одна ячейка разрастается на весь кадр.
- [Pendulum Wave](https://www.subclip.app/ru/motion-graphics-templates/remotion/pendulum-wave) (Remotion, Генеративное искусство): Пятнадцать грузиков маятников начинают в линию, расходятся в бегущие волны, косички и зигзаги и в конце снова выстраиваются, чтобы клип зациклился.
- [Isometric Build](https://www.subclip.app/ru/motion-graphics-templates/remotion/isometric-build) (Remotion, Генеративное искусство): Изометрическая сетка пять на пять, где блоки вырастают диагональ за диагональю в ступенчатую скульптуру с одной более высокой башней акцентного цвета.
- [Phyllotaxis](https://www.subclip.app/ru/motion-graphics-templates/remotion/phyllotaxis) (Remotion, Генеративное искусство): Узор подсолнуха из 420 семян, растущий из центра по золотому углу, с одним рукавом Фибоначчи, который загорается и пульсирует, пока корзинка вращается.
- [Life Grid](https://www.subclip.app/ru/motion-graphics-templates/remotion/life-grid) (Remotion, Генеративное искусство): Работающая симуляция игры "Жизнь" на бледной сетке, где новые клетки вспыхивают акцентным цветом, а умирающие сжимаются.
- [String Art](https://www.subclip.app/ru/motion-graphics-templates/remotion/string-art) (Remotion, Генеративное искусство): Нити, натянутые вокруг кольца гвоздиков, рисуют кардиоиду, затем множитель плавно растет, и фигура превращается в нефроиду и форму с тремя остриями.
- [Orbit Lock](https://www.subclip.app/ru/motion-graphics-templates/remotion/orbit-lock) (Remotion, Анимации логотипа): Луны по спирали идут внутрь по наклонным орбитам, пока ядро не взорвется белой кольцевой вспышкой и не выпрыгнет логотип.
- [Puzzle Snap](https://www.subclip.app/ru/motion-graphics-templates/remotion/puzzle-snap) (Remotion, Анимации логотипа): Четыре геометрические детали влетают с вращением со всего кадра и защелкиваются в знак логотипа, высекая искры при каждом касании.
- [Spotlight](https://www.subclip.app/ru/motion-graphics-templates/remotion/spotlight) (Remotion, Анимации логотипа): Сценический прожектор скользит по темноте, проскакивает мимо логотипа, пружинисто возвращается на него, и свет в зале прибавляется.
- [Neon Sign](https://www.subclip.app/ru/motion-graphics-templates/remotion/neon-sign) (Remotion, Анимации логотипа): Рукописное неоновое "hello", которое мерцая загорается трубка за трубкой, один раз гаснет и снова горит с красным отсветом на темной стене.
- [Inflate](https://www.subclip.app/ru/motion-graphics-templates/remotion/inflate) (Remotion, Анимации логотипа): Сдутая полоска упруго надувается в глянцевый красный знак, сплющивается и растягивается, и в его центр запрыгивает темная точка.
- [Liquid Fill](https://www.subclip.app/ru/motion-graphics-templates/remotion/liquid-fill) (Remotion, Анимации логотипа): Белый контурный знак наполняется красной жидкостью из упавшей капли, с колышущейся поверхностью и всплывающими пузырьками, пока не станет сплошным.
- [Anamorphic Flare](https://www.subclip.app/ru/motion-graphics-templates/remotion/anamorphic-flare) (Remotion, Анимации логотипа): Анаморфотный блик объектива, как в кино: он вспыхивает, проносится по кадру с призрачными шарами и оставляет за собой логотип.
- [Parallax Depth](https://www.subclip.app/ru/motion-graphics-templates/remotion/parallax-depth) (Remotion, Камера и физика): Многослойный пейзаж с красным солнцем и тремя серыми грядами холмов, снятый камерой, которая скользит вбок и наезжает, так что слои расходятся.
- [Exploded View](https://www.subclip.app/ru/motion-graphics-templates/remotion/exploded-view) (Remotion, Камера и физика): Стопка изометрических слоев, которая пружинисто разъезжается, подписывает каждый слой выносной линией и снова собирается в один блок.
- [Tiny Planet](https://www.subclip.app/ru/motion-graphics-templates/remotion/tiny-planet) (Remotion, Камера и физика): Ряд белых зданий на плоской земле сворачивается в маленькую круглую планету, которая вращается рядом с красным солнцем.
- [Gravity Pile](https://www.subclip.app/ru/motion-graphics-templates/remotion/gravity-pile) (Remotion, Камера и физика): Тридцать простых белых и серых фигур и одна красная акцентная падают по законам физики, отскакивают и складываются в кучу.
- [Impact Shake](https://www.subclip.app/ru/motion-graphics-templates/remotion/impact-shake) (Remotion, Камера и физика): Крупное слово падает сверху и тяжело приземляется: сплющивание, тряска камеры, короткое красно-синее расслоение и облако пыли.
- [Line Boil](https://www.subclip.app/ru/motion-graphics-templates/remotion/line-boil) (Remotion, Графические стили): Пятиконечная звезда, нарисованная линией пера, которая дрожит каждые несколько кадров, как в классической рисованной анимации, а затем заливается цветом.
- [Blueprint](https://www.subclip.app/ru/motion-graphics-templates/remotion/blueprint) (Remotion, Графические стили): Линия сканирования превращает красное устройство в синий технический чертеж с сеткой, белыми контурами, размерами и выноской.
- [Duotone Beat](https://www.subclip.app/ru/motion-graphics-templates/remotion/duotone-beat) (Remotion, Графические стили): Растровый силуэт в двух красках, которые меняются на каждый бит при 120 BPM, с более сильным рывком масштаба на каждую сильную долю.
- [Comic Panels](https://www.subclip.app/ru/motion-graphics-templates/remotion/comic-panels) (Remotion, Графические стили): Страница комикса раскалывается на три панели с линиями скорости, красным растром и звездчатым взрывом и заканчивается большим POW.
- [Long Shadow](https://www.subclip.app/ru/motion-graphics-templates/remotion/long-shadow) (Remotion, Графические стили): Красный значок с галочкой упруго появляется с плоской длинной тенью до края, которая затем поворачивается, будто сдвинулся свет.
- [Synthwave](https://www.subclip.app/ru/motion-graphics-templates/remotion/synthwave) (Remotion, Графические стили): Сцена в духе 80-х: красная сетка бежит к зрителю, восходит полосатое солнце от оранжевого к красному, и въезжают два горных хребта.
- [Brick Mosaic](https://www.subclip.app/ru/motion-graphics-templates/remotion/brick-mosaic) (Remotion, Графические стили): Детали конструктора падают на темную базовую пластину по одному ряду, каждая с небольшим подскоком, пока не сложится пиксельная картинка.
- [X-Ray Scan](https://www.subclip.app/ru/motion-graphics-templates/remotion/x-ray-scan) (Remotion, Графические стили): Полоса сканера проходит по задней панели красного телефона и показывает внутреннее устройство белыми линиями с одной выделенной деталью.
- [Cursor](https://www.subclip.app/ru/motion-graphics-templates/remotion/cursor) (Remotion, Клики): Аккуратный курсор в стиле macOS, стрелка или рука, с мягкой тенью и кольцом волны при клике для демо продуктов.
- [Search Reveal](https://www.subclip.app/ru/motion-graphics-templates/remotion/search-reveal) (Remotion, Интерфейс): Тонкие вспомогательные окружности разрастаются и защелкиваются в строку поиска, ваш текст набирается, а за ней открывается яркая графическая панель.
- [Combobox](https://www.subclip.app/ru/motion-graphics-templates/remotion/combobox) (Remotion, Интерфейс): Компонент выбора с поиском: кнопка с текстом подсказки, открытая панель вариантов и выделенная строка для демо-роликов интерфейса.
- [Command Menu](https://www.subclip.app/ru/motion-graphics-templates/remotion/command-menu) (Remotion, Интерфейс): Палитра команд для клавиатуры с полем поиска и списком команд с сочетаниями клавиш, открытая поверх затемненного фона.
- [Context Menu](https://www.subclip.app/ru/motion-graphics-templates/remotion/context-menu) (Remotion, Интерфейс): Панель меню правого клика с четырьмя действиями и строкой под указателем, готовая к размещению в точке курсора в демо интерфейса.
- [Resizable](https://www.subclip.app/ru/motion-graphics-templates/remotion/resizable) (Remotion, Интерфейс): Макет из двух панелей с ползунком-разделителем, где для демо-роликов интерфейса задаются пропорция деления и состояние ползунка.
- [Skeleton](https://www.subclip.app/ru/motion-graphics-templates/remotion/skeleton) (Remotion, Интерфейс): Карточка-скелетон загрузки с бликом, который пробегает по круглому аватару и двум строкам текста.
- [Slider](https://www.subclip.app/ru/motion-graphics-templates/remotion/slider) (Remotion, Интерфейс): Аккуратный слайдер диапазона, у которого задаются значение заполнения и состояние ползунка, а текущее значение показано над ползунком.
- [Stepper](https://www.subclip.app/ru/motion-graphics-templates/remotion/stepper) (Remotion, Интерфейс): Горизонтальный индикатор шагов онбординга с тремя подписанными шагами, где активный шаг задается, чтобы показать прогресс.
- [Tabs](https://www.subclip.app/ru/motion-graphics-templates/remotion/tabs) (Remotion, Интерфейс): Компонент вкладок с индикатором-капсулой или подчеркиванием и коротким текстом панели для активной вкладки.
- [Toast](https://www.subclip.app/ru/motion-graphics-templates/remotion/toast) (Remotion, Интерфейс): Небольшая карточка уведомления с иконкой, заголовком и строкой пояснения, в обычном стиле или стиле успеха, для демо-роликов приложений.
- [Typing Indicator](https://www.subclip.app/ru/motion-graphics-templates/remotion/typing-indicator) (Remotion, Интерфейс): Ряд маленьких точек, которые подпрыгивают одна за другой плавной волной, как индикатор набора в мессенджере.
- [Signup Flow](https://www.subclip.app/ru/motion-graphics-templates/remotion/signup-flow) (Remotion, Интерфейс): Карточка регистрации в стиле shadcn, где курсор заполняет имя, email и пароль, отправляет форму с состоянием загрузки и получает тост об успехе.
- [Checkout Flow](https://www.subclip.app/ru/motion-graphics-templates/remotion/checkout-flow) (Remotion, Интерфейс): Карточка оплаты с переключателем периода, полем карты и флажком согласия, которую курсор заполняет и оплачивает, а в конце появляется тост об успехе.
- [Settings Toggle Flow](https://www.subclip.app/ru/motion-graphics-templates/remotion/settings-toggle-flow) (Remotion, Интерфейс): Карточка настроек в две колонки, где курсор включает уведомления, выбирает тему, двигает ползунок и сохраняет.
- [Release Teaser](https://www.subclip.app/ru/motion-graphics-templates/remotion/release-teaser) (Remotion, Готовые видео): Кинематографичный анонс релиза вымышленного продукта Orvio 2 со сдержанной кинетической типографикой, объемным знаком-кольцом и движущимся контровым светом.
- [Brand Guidelines](https://www.subclip.app/ru/motion-graphics-templates/remotion/brand-guidelines) (Remotion, Готовые видео): Редакционный фильм о бренде вымышленной студии Form Study, который показывает ее знак, палитру, типографику и фотографию.
- [Workflow Console](https://www.subclip.app/ru/motion-graphics-templates/remotion/workflow-console) (Remotion, Готовые видео): Продуктовый фильм в темно-синих и ледяных голубых тонах, где запрос на релиз превращается в проверки, выкатку, анализ пайплайна и решение о масштабировании.
- [Product Showcase](https://www.subclip.app/ru/motion-graphics-templates/remotion/launch-anything) (Remotion, Готовые видео): Редакционный фильм о продукте, который ведет от хромированных заголовков через ноутбук с семью демо продукта к фотографии, адресу сайта и финальному знаку.
- [Order Flow](https://www.subclip.app/ru/motion-graphics-templates/remotion/fomo-limit-orders) (Remotion, Готовые видео): Продуктовый фильм в графитовых и янтарных тонах для вымышленного торгового приложения, который показывает, как задать цену выхода на телефоне.
- [Blur Reveal](https://www.subclip.app/ru/motion-graphics-templates/remotion/blur-reveal) (Remotion, Титры): Текстовая анимация с засечками, в которой короткие предложения плавно переходят из мягкого облачного размытия в четкий фокус, каждое из которых расположено на новой сплошной цветной панели.
- [Orbit Labels](https://www.subclip.app/ru/motion-graphics-templates/remotion/orbit-labels) (Remotion, Титры): Цветные бейджи с именами вращаются вокруг тонкого фиолетового кольца на бледном фоне, увеличиваясь и размываясь по мере того, как они приближаются к зрителю и удаляются от него.
- [Word Carousel](https://www.subclip.app/ru/motion-graphics-templates/remotion/word-carousel) (Remotion, Титры): Горизонтальная карусель слов на белом фоне, в которой четыре слова скользят между слотами, центральное слово увеличивается в темно-синем цвете, а боковые слова сжимаются и исчезают.
- [Blur Glow](https://www.subclip.app/ru/motion-graphics-templates/remotion/blur-glow) (Remotion, Титры): Светящаяся анимация слов на светлом бумажном фоне, где каждое жирное слово заключено в мягкий цветной ореол и плавно переходит в следующее.
- [Design Tiles](https://www.subclip.app/ru/motion-graphics-templates/remotion/design-tiles) (Remotion, Титры): Фраза с засечками в одну плотную строку, где под каждой буквой своя цветная плашка: плашки появляются шторкой и перебирают яркие цвета.
- [Stamp Type](https://www.subclip.app/ru/motion-graphics-templates/remotion/stamp-type) (Remotion, Титры): Четыре строки жирного текста без текста на полосах выделения шаг за шагом перемещаются по рамке, вставая на место на четком цветном фоне.
- [Reality Split](https://www.subclip.app/ru/motion-graphics-templates/remotion/reality-split) (Remotion, Титры): Заголовок, который разделяется на отдельные почтовые ящики с маркерами выделения в стиле редактора, разбрасывается по желтому полю и снова собирается в исходные слова.
- [Checker Conveyor](https://www.subclip.app/ru/motion-graphics-templates/remotion/checker-conveyor) (Remotion, Титры): Полноэкранная шахматная анимация: девять рядов плиток сдвигаются вбок, как ленты конвейера, и приносят новые узоры и цветовые палитры.
- [Glass Type](https://www.subclip.app/ru/motion-graphics-templates/remotion/glass-type) (Remotion, Титры): Черный текст с засечками на белом, видимый через движущуюся стеклянную линзу, которая искажает буквы и дает тонкую радужную кайму по краям.
- [Sunset Slam](https://www.subclip.app/ru/motion-graphics-templates/remotion/sunset-slam) (Remotion, Титры): Короткий логотип, где массивные белые буквы встают на место над сходящейся тропой, которая плавно переходит от темно-синего к оранжевому сиянию восхода солнца.
- [Rush Type](https://www.subclip.app/ru/motion-graphics-templates/remotion/rush-type) (Remotion, Титры): Белые слова на черном, которые кружатся по изогнутой траектории, размазываясь по цветным световым следам при движении и резко щелкая, когда они отдыхают.
- [Ink Flood](https://www.subclip.app/ru/motion-graphics-templates/remotion/ink-flood) (Remotion, Титры): Каракули кистью заливают белую рамку черными чернилами, меняя цвета и обнажая слово, вырезанное из чернил белым цветом.
- [Bond Type](https://www.subclip.app/ru/motion-graphics-templates/remotion/bond-type) (Remotion, Титры): Два слова, написанные блочным пиксельным шрифтом, распадаются на части и перестраиваются, как молекулы, при этом каждая буква связана с соседними короткими пиксельными связями.
- [Wild Type](https://www.subclip.app/ru/motion-graphics-templates/remotion/wild-type) (Remotion, Титры): Крупные белые слова, которые изгибаются в темно-синей рамке, как будто напечатаны на растягивающемся листе, а за ними скользит синий офсетный контур.
- [Dash Cascade](https://www.subclip.app/ru/motion-graphics-templates/remotion/dash-cascade) (Remotion, Титры): Короткие слова из десяти рядов скругленных желтых штрихов, которые разворачиваются из одной пунктирной линии рваной волной, буква за буквой.
- [Loud Burst](https://www.subclip.app/ru/motion-graphics-templates/remotion/loud-burst) (Remotion, Титры): Короткие жирные предложения на белом фоне с нацарапанными цветными линиями вокруг них, циклически перемещающимися по четырем совпадающим цветовым парам.
- [Flood Typography](https://www.subclip.app/ru/motion-graphics-templates/remotion/flood-typography) (Remotion, Титры): Двухстрочная двухцветная кинетическая типографика: крупные слова падают по одному, замирают, приближаются к камере и кувырком улетают из кадра.
- [Swing Typography](https://www.subclip.app/ru/motion-graphics-templates/remotion/swing-typography) (Remotion, Титры): Огромные цветные буквы на белом фоне, которые раскачиваются, как маятники, внутри фиксированного окна и переворачиваются ребром одна за другой, меняя слова.
- [Data story](https://www.subclip.app/ru/motion-graphics-templates/remotion/data-story) (Remotion, Графики): Анимированная столбчатая диаграмма на черном фоне с заголовком, числами над столбцами и выделенным светящимся последним столбцом.
- [Generative mosaic](https://www.subclip.app/ru/motion-graphics-templates/remotion/generative-mosaic) (Remotion, Демо продуктов): Темная сетка скругленных плиток, которые загораются синим и фиолетовым вокруг заголовка в центре, с новым узором для каждого значения seed.
- [Split comparison](https://www.subclip.app/ru/motion-graphics-templates/remotion/split-comparison) (Remotion, Графики): Слайд "до" и "после" на разделенном экране с одним большим числом с каждой стороны, помеченным "До" и "После", и разделенным центральным разделителем.
- [Golden bounce 3D](https://www.subclip.app/ru/motion-graphics-templates/remotion/golden-bounce-3d) (Remotion, 3D-элементы): Пять блестящих золотых сфер падают на темный пол, раздавливаются при приземлении и отскакивают с реалистичным отскоком, визуализированным в 3D.
- [Glowing fish](https://www.subclip.app/ru/motion-graphics-templates/remotion/glowing-fish-lottie) (Remotion, 3D-элементы): Небольшая Lottie-анимация светящейся рыбки на черном фоне, которая пружинисто появляется в кадре, с редактируемым заголовком и строкой авторства.
- [River sequence](https://www.subclip.app/ru/motion-graphics-templates/remotion/river-sequence) (Remotion, Карты): Анимированная карта, на которой реки Ярлунг Цангпо и Брахмапутра изображены светящейся линией из Китая в Индию, показывая каждую страну по мере следования камеры.
- [Map explainer](https://www.subclip.app/ru/motion-graphics-templates/remotion/map-explainer) (Remotion, Карты): Реалистичная анимация глобуса, рисующая маршрут между городами с помеченными точками и камерой, которая масштабирует и следует за маршрутом.

## Еще: Бесплатные шаблоны анимированной графики Remotion

- [Remotion: Демо продуктов](https://www.subclip.app/ru/motion-graphics-templates/remotion/product-demo-animations)
- [Remotion: Титры](https://www.subclip.app/ru/motion-graphics-templates/remotion/text-animations)
- [Remotion: Экраны и устройства](https://www.subclip.app/ru/motion-graphics-templates/remotion/screen-device-animations)
- [Remotion: Клики](https://www.subclip.app/ru/motion-graphics-templates/remotion/cursor-click-animations)
- [Remotion: Ввод в ИИ-чате](https://www.subclip.app/ru/motion-graphics-templates/remotion/ai-chat-animations)
- [Remotion: Социальное доказательство](https://www.subclip.app/ru/motion-graphics-templates/remotion/social-proof-animations)
- [Remotion: Интерфейс](https://www.subclip.app/ru/motion-graphics-templates/remotion/ui-animations)