Анимированные React-компоненты: Magic UI и React Bits

★ 6.5 · vibe-coding

animated-component-libraries — это скилл для Claude Code, который помогает подбирать и внедрять готовые анимированные React-компоненты из двух библиотек: Magic UI (150+ компонентов на TypeScript, Tailwind CSS и Framer Motion с поддержкой shadcn/ui) и React Bits (90+ лёгких компонентов с минимумом зависимостей, включая WebGL-эффекты вроде Particles и Plasma). Скилл охватывает анимированные фоны, текстовые эффекты (BlurText, CircularText), кнопки, сетки и интерактивные UI-блоки. Установка Magic UI идёт через CLI (`npx shadcn@latest add`), React Bits — через копирование компонентов с подключением нужных зависимостей (`framer-motion`, `ogl`). Подходит для разработки лендингов, маркетинговых сайтов и дашбордов, где нужны готовые анимации без ручной настройки Framer Motion или GSAP.