LogoClawIndex
CasesSkillsAbout
LogoClawIndex

motion - Framer Motion Animation Patterns for UI Components

Creates animation patterns using Framer Motion library

Tags

Updated: 2026-02-12
animationUIReactFramer Motionfrontend

Capabilities

create fade animationsimplement slide transitionsapply stagger effectsadd exit animations

Typical Inputs

Framer Motion libraryanimation configurationReact components

Typical Outputs

animated UI componentsmotion elementstransition effects

What this skill does

  • create fade animations
  • implement slide transitions
  • apply stagger effects
  • add exit animations
  • configure timing parameters

Inputs

  • Framer Motion library
  • animation configuration
  • React components
  • timing parameters

Outputs

  • animated UI components
  • motion elements
  • transition effects
  • visual feedback

Requirements

  • React environment
  • Framer Motion installed
  • JavaScript/TypeScript
  • modern browser

Source

  • Spec: SKILL.md

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.