Иллюстрации · lottie

Lottie / dotLottie

Векторная анимация из дизайн-файла — лёгкая и чёткая

Tier 1Легко с AIОк на мобилеfree runtime; контент — LottieFiles / AEЛюбой веб, React

Design DNA

«Иллюстрация живёт как премиальный motion-график, не как тяжёлый видеофайл.»

Use with AI

Скопируй промпт и отдай агенту. Он реализует решение в твоём стеке — не копирует чужой код.

Встрой Lottie/dotLottie в текущий проект.
Используй готовый файл или placeholder с понятным API загрузки.
Lazy-load, уважение reduced-motion (статичный кадр).
Не тащи тяжёлое видео вместо Lottie.

Что умеет

·Воспроизведение JSON/dotLottie
·Иконки, онбординг, empty states

Чего не умеет

·Сложная интерактивность как у Rive
·Не заменяет композицию лендинга

Когда брать

·Нужна готовая векторная анимация
·Онбординг / empty state

Когда не брать

·Нужны state machine и реакция на клики → Rive

С чем сочетается

LottieFilesReact player

Альтернативы

RiveGIF/WebMCSS

Типичные ошибки

·Тяжёлые файлы на mobile
·Автоплей без смысла

Демо и ссылки

lottiefiles.com