Компанія анонсувала сервіс Framer Motion. Анімацію можна буде створювати у десктопній та мобільній версіях, а їх код можна буде відразу використовувати в продакшені.

Framer Motion буде автоматично створювати природні анімації для кожного отриманого елементу. При зміні будь-якого значення в animate компонент автоматично підлаштовуватиметься для оновленої мети. Анімація за замовчуванням snappy повністю налаштовуватиметься через transition.

Motion розширює базовий набір слухачів подій, що надаються React «простими, але потужними розпізнавачами жестів». Він також надає два допоміжних об’єктів — whileHover і whileTap, які визначають, до яких станів потрібно анімувати, коли жест активний.

Анімація прокрутки може управлятися за допомогою useViewportScroll. Він повертає чотири значення MotionValue, які оновлюються, коли область перегляду прокручує ефекти, такі як паралакс, або індикатори прогресу прокрутки.

Усі зображення: www.framer.com

Детальніше про всі можливі функції можна прочитати за посиланням.

Раніше Telegraf.Design розповідав про те, що Framer X представив оновлення для автоматизації складних завдань.