Креативная библиотека
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