LogoClawIndex
CasesSkillsAbout
LogoClawIndex

auto-animate - Zero-config animation library for React, Vue, Solid, Svelte, Preact

Adds animations to lists, accordions, toasts with automatic error prevention

Tags

Updated: 2026-02-09
animationfrontendUIzero-configSSR-safe

Capabilities

animate list itemsanimate accordionsanimate toastsprevent SSR errors

Typical Inputs

DOM elementReact componentVue component

Typical Outputs

Animated DOM elementsSmooth transitionsClient-side JavaScript

What this skill does

  • animate list items
  • animate accordions
  • animate toasts
  • prevent SSR errors
  • handle React 19 StrictMode
  • respect reduced motion

Inputs

  • DOM element
  • React component
  • Vue component
  • Svelte component
  • Solid component
  • Preact component

Outputs

  • Animated DOM elements
  • Smooth transitions
  • Client-side JavaScript

Requirements

  • @formkit/auto-animate package
  • Browser environment
  • Client-side rendering
  • JavaScript enabled
  • DOM access

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.