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

★ 6.5 · vibe-coding

animated-component-libraries is a Claude Code skill that helps select and integrate pre-built animated React components from two libraries: Magic UI (150+ components built on TypeScript, Tailwind CSS, and Framer Motion with shadcn/ui compatibility) and React Bits (90+ lightweight components with minimal dependencies, including WebGL effects like Particles and Plasma). The skill covers animated backgrounds, text reveals (BlurText, CircularText, CountUp), buttons with shimmer effects, bento grids, and interactive UI blocks. Magic UI components install via the shadcn CLI (`npx shadcn@latest add`), while React Bits components are copied manually with targeted dependencies (`framer-motion`, `ogl`). It targets developers building landing pages, marketing sites, and dashboards who need polished animations without hand-crafting Framer Motion or GSAP implementations.