Анимация и эффекты · magic-ui

Magic UI

Анимированный компаньон shadcn: marquee, shimmer, particles.

Free + ProReact · Tailwind · Motion · shadcn CLICLI / registryДокументация

Use with AI

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

Добавь Magic UI эффекты в мой shadcn/Next.js проект.
Доки: https://magicui.design
Карточка: https://proektmap.ru/sandbox/vibe-blocks/magic-ui

Установи через shadcn CLI нужные компоненты (например marquee, blur-fade, shimmer-button).
Используй максимум 2–3 эффекта на hero/features.
Учти prefers-reduced-motion. Не ломай существующую дизайн-систему.

Когда брать

·Уже есть shadcn — нужно «оживить» лендинг
·Marquee, border beam, text reveal, globe
·Агенту проще ставить через shadcn add

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

·Нужен полный набор форм/таблиц (это shadcn)
·Минималистичный сайт без анимаций

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

·Отлично стыкуется с shadcn registry
·Много готовых эффектов под маркетинг
·Понятный copy-paste / CLI

Ограничения

·Pro-шаблоны платные
·Агент должен знать Motion (framer-motion)
·На mobile урезай эффекты

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

Marquee testimonialsShimmer buttonAnimated beamBento magic

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

shadcn/uiOriginKitTailark

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

Aceternity UICult UIOriginKit

Из России

Документация и GitHub доступны; Pro — зарубежная оплата.