UI motion · autoanimate

AutoAnimate (FormKit)

Анимация списков одной строкой — без ручных layout-расчётов

Tier 1Легко с AIОк на мобилеfree (MIT)React / Vue / Solid / Vanilla

Design DNA

«Элементы списка сами перестраиваются мягко — UI кажется «живым» без Motion-конфигов.»

Use with AI

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

Подключи FormKit AutoAnimate на контейнер списка/аккордеона.
Одна строка setup. Не анимируй весь layout страницы.
reduced-motion учитывается библиотекой — проверь. Не тащи GSAP для простого списка.

Что умеет

·auto-animate parent
·add/remove/reorder
·Минимальный API

Чего не умеет

·Не сложные timelines
·Не scroll-фильм

Когда брать

·Тосты, todo, фильтры, FAQ accordion

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

·Нужен полный контроль spring → Motion
·Сайт-фильм → GSAP

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

MotionReactView Transitions

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

Motion layoutFLIP вручную

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

·Вешать на весь document
·Дублировать с тяжёлым Motion layout

Демо и ссылки

auto-animate.formkit.com