Анимация и эффекты · motion-primitives

Motion Primitives

Аккуратные motion-примитивы без тяжёлого «вау-шума».

БесплатноReact · MotionДокументацияCLI / registry

Use with AI

Скопируй промпт и отдай агенту. Он соберёт решение в твоём стеке — с опорой на этот кит.

Добавь микроанимации в духе Motion Primitives.
Сайт: https://motion-primitives.com
Карточка: https://proektmap.ru/sandbox/vibe-blocks/motion-primitives

Только 2–3 точечных эффекта (заголовок, hover, reveal).
React + Motion. Учти reduced-motion. Не превращай страницу в шоу.

Когда брать

·Нужна вкусная микроанимация без цирка
·Текст, morph, reveal — точечно
·Учиться motion-паттернам

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

·Нужны готовые целые секции лендинга
·Полный UI kit форм

Сильные стороны

·Чистые примитивы
·Хороший вкус по умолчанию
·Легко объяснить агенту

Ограничения

·Меньше «готовых страниц»
·Нужно самому собирать композицию

Типичные блоки / примеры

Text morphDisclosureToolbar morphScroll reveals

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

shadcn/uiMagic UI

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

Magic UIOriginKit

Из России

Обычно доступен; зависимости через npm.