Генератор SVG-анимации — одна фраза, и всё приходит в движение

Сильнее всего получается декларативное движение — анимации, которые проигрывают заранее заданную хореографию:
(1) Веб- и интерфейсные элементы — индикаторы загрузки, самопрорисовывающиеся логотипы, фоны из волн, анимированные 404.
(2) Текстовые эффекты — печатная машинка, кинетическая типографика, рукописный текст, который пишет себя сам.
(3) Поясняющие схемы — планеты на орбитах, таймлайны, растущие диаграммы, зацикленные схемы принципа работы.

Не подходит для: симуляций и игр на JavaScript (физика с живыми значениями, интерактивные апплеты); для статичных логотипов и иллюстраций используйте генератор SVG на GPT Image 2, для блок-схем и диаграмм — генератор SVG-диаграмм с ИИ.

Да — именно так эта страница и работает по умолчанию. Claude Sonnet 5 от Anthropic пишет SVG-разметку и CSS-ключевые кадры напрямую, фигура за фигурой и кадр за кадром. Писать векторный код по текстовому описанию — одна из тех задач, в которых передовые модели стали заметно сильны, и Claude стабильно среди лучших. Но это не единственный вариант: переключатель уровней запускает также Gemini 3.6 Flash и Kimi K3, а в расширенных настройках можно прямо указать GPT-5.6, DeepSeek V4 Flash или MiniMax M3. Введите фразу выше и откройте просмотр кода, чтобы увидеть, что именно написал выбранный движок.

Для всего, что идёт на сайт, анимированный SVG выигрывает по всем статьям: несколько десятков килобайт вместо мегабайт, идеальная чёткость при любом увеличении, плавный бесконечный цикл и редактируемый код вместо запечённых пикселей. У GIF остаётся одно преимущество: он проигрывается там, где не принимают загрузку SVG (некоторые мессенджеры и ленты соцсетей). Ориентир простой: SVG — для своего сайта, слайдов и документов; GIF — только там, где площадка вынуждает. Заранее выбирать не нужно: каждая генерация экспортируется в GIF и MP4 из одного и того же результата, прямо в браузере и без дополнительных кредитов.

Двумя способами:
(1) Как изображение — загрузите .svg и подключите его обычным тегом img. CSS-анимации внутри файла запускаются сами.
(2) Прямо в разметку — скопируйте код из просмотра кода и вставьте в HTML. Этот путь нужен, если вы хотите эффекты при наведении: состояния взаимодействия работают только когда SVG живёт внутри страницы.
В обоих случаях нечего подгружать и нечего устанавливать.

Нет. На выходе чисто декларативная анимация — CSS-ключевые кадры (изредка SMIL) внутри самого файла SVG. Ни GSAP, ни плеера Lottie, ни рантайма. Именно поэтому её безопасно вставлять в разметку, она быстро грузится и работает во всех современных браузерах. Одна честная оговорка: большинство почтовых клиентов останавливают SVG-анимацию, так что для рассылок GIF по-прежнему надёжнее.

Да, это второй режим. Загрузите свой SVG, опишите нужное движение (прорисовать контур штрих за штрихом, мягко покачиваться, пульсировать акцентным цветом), и ИИ добавит анимацию, сохранив исходные фигуры. Если логотип есть только в PNG или JPG, сначала переведите его в вектор через генератор SVG на GPT Image 2, а потом оживите здесь.

Да, и оба формата бесплатны. SVG — основной результат; GIF и MP4 получаются проигрыванием вашей анимации кадр за кадром внутри вашего браузера: ничего никуда не загружается и дополнительные кредиты не списываются. GIF используйте там, где не принимают SVG, а MP4 — для коротких роликов, слайдов и учебных материалов. Для кодирования MP4 нужен браузер с WebCodecs (он есть в Chrome, Edge и свежих версиях Safari); если его нет, SVG и GIF всё равно работают, а кнопка MP4 просто остаётся неактивной.

10 кредитов за генерацию — столько же, сколько у других SVG-инструментов на этом сайте. Новым пользователям выдаются бесплатные кредиты, чтобы попробовать.

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

Да. Созданные вами анимации принадлежат вам, и коммерческое использование бесплатно — в клиентских проектах, внутри продуктов и в платном контенте.