Best web animation and motion skills, page 3

Check and configure motiscope — verify ffmpeg/ffprobe are installed and scaffold the API-key config used for optional (stubbed) asset generation.

KumarSashank/motiscope

Implements After Effects Lottie animations in web and React apps: picking JSON or dotLottie format, a rendering library, and a data source, with an optimizer script.

freshtechbro/claudedesignskills

Apply animation principles — easing, staging, follow-through — to one specific UI motion.

Owl-Listener/designer-skills

Framer Motion (Motion) patterns for React: spring presets, staggers, layout animations, micro-interactions, scroll effects and page transitions, with performance rules.

dylanfeltus/skills

Creates SVG illustrations for a Markdown article as animated SVG, static SVG or PNG files, and places them in the text at planned positions.

cat-xierluo/legal-skills

Zero-dependency animations and visual techniques - scroll-driven, View Transitions, @starting-style, modern CSS.

AThevon/genjutsu

Animate react-horizontal-scrolling-menu scrolling and build right-to-left menus: noPolyfill defaults to true since v8, so transitionDuration (default 500), a custom-easing-function…

asmyshlyaev177/react-horizontal-scrolling-menu

Rebuild a whole landing page / multi-section website from a screen recording that scrolls or walks through it.

KumarSashank/motiscope

Motion and interaction design expert based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques.

Dinil-Thilakarathne/sona-ui

Guides React UI animation built on spring physics with React Spring and Popmotion: hooks, config presets, trails, list transitions and scroll or in-view effects.

freshtechbro/claudedesignskills

Animate SVG character rigs with GSAP, CSS transforms, Remotion frame control, and HyperFrames-compatible browser previews.

calesthio/OpenMontage

Builds, reviews, and measures UI motion, including springs, gestures, scroll effects, curve fitting from recordings, and sparse interface sound.

mblode/agent-skills

Load this skill when adding or reviewing web UI motion such as animations, transitions, entrances and exits, hovers, modals, dropdowns, toasts, page transitions, and micro-interactions.

planetabhi/riseofmachine

Recreate an analyzed animation as working web code — GSAP (JavaScript), CSS/Web Animations, Framer Motion (React), or Lottie/SVG.

KumarSashank/motiscope

Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing…

expo/skills

Builds interactive Rive animations for the web and React: state machines, inputs, ViewModel data binding and events, with scripts that generate component code.

freshtechbro/claudedesignskills

Framer Motion / Motion sub-skill - AnimatePresence, layout animations, gestures, motion values.

AThevon/genjutsu

Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences.

benjaminasterA/antigravity-awesome-skills

CSS animation adapter patterns for HyperFrames. An agent skill from boraoztunc/skills.

boraoztunc/skills

Generates motion graphics videos (MP4) from a content brief.

Varnan-Tech/opendirectory

Create Ian Xiaohei-style HTML/SVG motion illustrations for Chinese articles, scripts, storyboard scenes, workflow explanations, concept metaphors, and short video visual aids.

Pluviobyte/rnskill

Rebuild a whole landing page / multi-section website from a screen recording that scrolls or walks through it.

KumarSashank/motiscope

Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences.

davila7/claude-code-templates

Audit animation code against Disney's 12 principles adapted for web.

elophanto/EloPhanto

Build a Vietnamese landscape 16:9 YouTube video (1920×1080) with HyperFrames (HTML/CSS/GSAP → MP4), keeping the Noti.vn/GĐT branding inherited from noti-tiktok-vn.

notivn/AIEV

Build React animations with Motion (Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, layout animations, SVG.

theexperiencecompany/gaia

Production animation patterns for React Native using Reanimated 4, Skia, WebGPU, and TypeGPU.

kingstinct/react-native-healthkit

Simple scroll-triggered reveal animations using AOS (Animate On Scroll).

freshtechbro/claudedesignskills

GSAP animation engine sub-skill - core, timeline, ScrollTrigger, plugins.

AThevon/genjutsu

Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required.

alirezarezvani/claude-skills

Recreate an analyzed animation as working web code — GSAP (JavaScript), CSS/Web Animations, Framer Motion (React), or Lottie/SVG.

KumarSashank/motiscope

A skill your agent uses whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text animations, or any motion…

github/awesome-copilot

Web Animations API adapter patterns for HyperFrames. An agent skill from boraoztunc/skills.

boraoztunc/skills

Clone any website's landing page with pixel-perfect fidelity.

SylphAI-Inc/skills

Advanced JavaScript animation library skill for creating complex, high-performance web animations.

sickn33/agentic-awesome-skills

Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.

sickn33/agentic-awesome-skills

Curated micro-interactions and design details that add "magic" and personality to websites and apps.

sickn33/agentic-awesome-skills

Motion design foundation - timing, easing, enter/exit patterns, accessibility, performance.

AThevon/genjutsu

A skill your agent uses when generating elite GSAP-heavy frontend pages with strict AIDA structure, wide hero typography, and gapless bento grids.

sickn33/agentic-awesome-skills

Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences.

sickn33/agentic-awesome-skills

UI2V 动效库——1,262 个 GSAP 动效包（616MB 全量离线镜像，源自 ui2v.com / illli-studio/motions）+ 按镜头用途的选型索引 + 接入演示动画的完整配方。给视频演示页/产品页/落地页挑选和嵌入高质量 UI 动效：图表入场、列表滚动、卡片翻转、文字编排、数字滚动、背景循环等即插即用。只要用户提到：UI 动效、动效库、ui2v、GSAP…

Unclecheng-li/AI_Animation

Generates a premium single-page HTML landing page with 3D CSS animations, GSAP scroll effects, and mouse-parallax depth.

alirezarezvani/claude-skills

Design engineering principles for making interfaces feel polished.

iurysza/module-graph

Generates a high-energy sizzle reel or hype video (MP4) from brand assets and key messages.

Varnan-Tech/opendirectory

Diagnose GSAP and ScrollTrigger performance. An agent skill from TheGoat395/Codex-Skills.

TheGoat395/Codex-Skills

Cast genjutsu on a UI - creative coding for motion, micro-interactions, and wow-factor.

AThevon/genjutsu

AI design specialist skill with DESIGN.md management, anti-pattern enforcement, optional Stitch MCP integration, and component library guidance.

first-fluke/oh-my-agent

A single-frame motion-design composition with looping CSS animations — rotating type ring, animated globe, ticking timer, parallax labels.

sanqiufong/slides-from-anything