LogoClawIndex
CasesSkillsAbout
LogoClawIndex

motion - Framer Motion animation patterns for UI elements

Implements animation patterns using Framer Motion library

Tags

Updated: 2026-02-12

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • create fade scale animation
  • implement slide in effects
  • add list stagger animations
  • apply exit animations
  • set animation durations

Inputs

  • Framer Motion library
  • UI component elements
  • animation parameters

Outputs

  • animated UI components
  • motion animations

Requirements

  • React environment
  • Framer Motion installation
  • Node.js runtime

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.
animation
UI
Framer Motion
React
frontend
create fade scale animation
implement slide in effects
add list stagger animations
apply exit animations
Framer Motion library
UI component elements
animation parameters
animated UI components
motion animations