auto-animate

Status: Production Ready ✅ Last Updated: 2025-11-07 Dependencies: None (works with any React setup) Latest Versions: @formkit/auto-animate@0.9.0

Issue #1: SSR/Next.js Import Errors Error: "Can't import the named export 'useEffect' from non EcmaScript module" Source: https://github.com/formkit/auto-animate/issues/55 Why It Happens: AutoAnimate uses DOM APIs not available on server Prevention: Use dynamic imports (see templates/vite-ssr-safe.tsx)

Issue #2: Conditional Parent Rendering Error: Animations don't work when parent is conditional Source: https://github.com/formkit/auto-animate/issues/8 Why It Happens: Ref can't attach to non-existent element Prevention:

Проверенная на производстве установка для AutoAnimate (@formkit/auto-animate) — встраиваемая библиотека анимации без настройки. который автоматически добавляет плавные переходы при добавлении, удалении или перемещении элементов DOM. Этот навык должен можно использовать при создании пользовательских интерфейсов, которым требуется простая автоматическая анимация для списков, аккордеонов, всплывающих уведомлений или проверки форм. сообщения без сложностей полных библиотек анимации. Используйте, когда: добавление плавной анимации в динамические списки, создание интерфейсов фильтрации/сортировки, создание компонентов-аккордеона, реализация всплывающих уведомлений, анимация сообщений проверки формы, необходимость простых переходов без кода анимации, работа с Vite + React + Tailwind, развертывание статических активов Cloudflare Workers или обнаружение ошибок SSR с библиотеки анимации. Ключевые слова: автоанимация, @formkit/auto-animate, formkit, анимация без настройки, автоматическая анимация, анимация drop-in, анимация списка, анимация аккордеона, анимация всплывающего уведомления, анимация проверки формы, облегченная анимация, анимация 2 КБ, предпочитает ограниченное движение, доступные анимации, анимация реакции vite, анимация рабочих Cloudflare, безопасная анимация SSR Источник: jackspace/claudeskillz.