LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.

Skills tagged: framer-motion

Browse skills that share this tag.

  • motion-dev-animations - Motion.dev GPU animation generator for web frameworks
    motionframer-motionanimationreact

    ★ 102 · Updated 2026-09-23

    Generates GPU-accelerated animations using Motion.dev for React, Next.js, Svelte, and Astro with accessibility and performance validation.

    ⚙ Generate entrance animations⚙ Implement gesture interaction handlers⚙ Create scroll-based animations
  • framer-motion-animations - Framer Motion Animation Implementation
    framer-motionreactanimationfrontend

    ★ 650 · Updated 2026-09-20

    Implement scroll-triggered, entrance, and staggered list animations using Framer Motion with reduced motion support.

    ⚙ Create scroll-triggered reveal animations⚙ Implement entrance animations⚙ Create staggered list animations
  • interaction-design - Design and implement UI microinteractions and motion
    ui-designmicrointeractionmotion-designframer-motion

    ★ 0 · Updated 2026-09-19

    Design and implement microinteractions, motion design, transitions, and user feedback patterns to enhance UI usability.

    ⚙ Add microinteractions⚙ Implement component transitions⚙ Design loading states
  • frontend-skill - Design visually strong frontend interfaces and landing pages
    frontendlanding-pageapp-uiui-design

    ★ 0 · Updated 2026-09-18

    Guides the creation of landing pages, websites, apps, and prototypes with restrained composition, image-led hierarchy, cohesive structure, and motion.

    ⚙ Draft visual and interaction theses⚙ Structure cardless frontend layouts⚙ Enforce typography and imagery rules
  • framer-motion-expert - Framer Motion 12+ reference guide for React animations.
    framer-motionreactanimationgestures

    ★ 0 · Updated 2026-09-17

    Provides syntax reference, performance rules, and code patterns for Framer Motion 12+ animations, layout transitions, gestures, and hooks in React.

    ⚙ Build declarative React animations⚙ Implement layout transitions⚙ Configure hover and drag gestures
  • design-motion-principles - Create and audit UI motion with context-aware principles.
    motion-designui-animationframer-motioncss-animation

    ★ 1 · Updated 2026-09-17

    Builds interactive components with motion and audits UI animations to generate HTML reports based on context-weighted designer principles.

    ⚙ Build interactive motion components⚙ Audit existing UI animations⚙ Generate HTML motion audit reports
  • design-spells - Curated micro-interactions and design details for UI.
    ui-designmicro-interactionsux-patternsanimation

    ★ 288 · Updated 2026-09-11

    Provides curated micro-interactions, easter eggs, and UX patterns to implement custom design details in web interfaces.

    ⚙ Identify interaction opportunities in interface components⚙ Research creative design patterns and details⚙ Adapt micro-interactions to project brand requirements
  • motion - Animation patterns using Framer Motion
    framer-motionanimationreactmotion

    ★ 22 · Updated 2026-09-09

    Provides animation patterns and timing references using Framer Motion.

    ⚙ Implement fade and scale animations⚙ Implement slide in animations⚙ Implement list stagger animations
  • motion-animation-patterns - Motion Animation Patterns for React
    motionframer-motionanimationreact

    ★ 650 · Updated 2026-06-30

    Implement Framer Motion animations with preset patterns in React applications

    ⚙ add page transitions⚙ implement modal animations⚙ create staggered list animations