Анимация и эффекты · originkit

OriginKit

Анимированные блоки + MCP и AI Prompt для агента.

Free + ProReact / Next / Vite / Framer · CSS / TailwindMCPCopy promptCLI / registry

Use with AI

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

Используй OriginKit как источник анимированных UI-блоков.
Сайт: https://www.originkit.dev
Карточка ProektMap: https://proektmap.ru/sandbox/vibe-blocks/originkit

Задача: добавь в мой Next.js + Tailwind проект 1–2 анимированных блока (hero text + лёгкий background).
1) Найди подходящие компоненты в OriginKit (MCP или каталог).
2) Установи/адаптируй под мой стек (React/Next, Tailwind).
3) Сохрани prefers-reduced-motion и упрощение на mobile.
4) Не копируй чужой бренд — подставь мой текст/цвета.
5) Не ставь тяжёлый WebGL без fallback.

Когда брать

·Нужен конкретный эффект (текст, фон, курсор, hero) с превью
·Хочешь отдать агенту MCP/промпт, а не описывать анимацию словами
·Framer или React — один каталог

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

·Нужна полная дизайн-система форм и таблиц
·Строгий enterprise UI без motion
·Проект без анимаций вообще

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

·Превью эффектов (часто видео) — глаз сразу понимает результат
·MCP: list/search/get_component под стек
·Категории: hero, text, background, cursor, gallery…

Ограничения

·Доставка исходников может требовать API key / квоту
·Не заменяет shadcn для форм и data UI
·Легко переборщить motion на одном экране

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

Hero text unfoldBackground particles/meshCursor trailsImage gallery motion

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

shadcn/uiMagic UIMotion

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

Magic UIAceternity UIMotion Primitives

Из России

Сайт и MCP снаружи РФ; для агента удобнее копировать промпт с карточки, если MCP недоступен.