Framer Motion Kit
When to use: Building React interfaces with Framer Motion: gesture-driven UI, spring-physics animations, layout transitions, and enter/exit animations for routed or conditional content.
npx skills add framer-motion-kitgit clone https://github.com/skillhub-community/framer-motion-kit.gitDescription
A complete Framer Motion component kit. Core coverage: motion.div/motion.button and the variants API for orchestrated multi-element animations, spring physics (stiffness/damping/mass) for natural-feeling UI, gesture handlers (whileHover, whileTap, whileDrag, whileFocus), drag with constraints and elastic bounds, scroll-linked values (useScroll, useTransform) for parallax and progress, and layoutId/layout animations that smoothly morph elements between positions when reordering.
Includes AnimatePresence for enter/exit animations (modals, toasts, conditional lists) with custom variants and mode='wait' sequencing, useAnimate for imperative animation from event handlers, and a component gallery: animated accordion, drag-to-reorder list, shared-layout tab indicator, springy toggle, magnetic button, and a physics-driven card stack. Each component is a self-contained example with source. Covers reduced-motion via MotionConfig and the 'once: { amount: 0.5 }' viewport reveal pattern.
AI Hub
Need a model endpoint?
AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.
Open AI Hub