Микроанимации — небольшие, тонкие элементы движения, оживляющие пользовательский интерфейс. Изменение цвета кнопки при нажатии, спиннер при загрузке данных, краткое конфетти после успешной операции — всё это примеры микроанимаций. Эти небольшие элементы создают у пользователя ощущение "система отвечает", делают интерфейс более живым и передают ошибки более понятно.

Для микроанимаций используются CSS transitions, CSS animations или JavaScript-библиотеки (Framer Motion, GSAP, Lottie). Эффективная микроанимация: должна быть быстрой (150–400 мс); целенаправленной — у каждой анимации есть функция; слишком много анимаций рассеивают внимание; необходимо учитывать доступность — отключайте анимацию для пользователей, которые хотят избежать движения, используя media query prefers-reduced-motion.