Next.js · Web animation and motion

Guides implementing animated page and state transitions in React with the native View Transition API, covering shared elements, list reorders and directional navigation.

vercel-labs/next-beats

Rebuilds existing web pages as editable local code that matches their content, assets, responsive layout and interactions, including Framer sites and animated pages.

JCodesMore/ai-website-cloner-template

Shows how to run GSAP animations in React and Next.js with the useGSAP hook, refs, scoped selectors and automatic cleanup on unmount.

greensock/gsap-skills

Creates 120fps GPU-accelerated animations with Motion.dev (Framer Motion successor) for React, Next.js, Svelte, and Astro projects.

199-biotechnologies/motion-dev-animations-skill

Install and use goey-toast — a gooey, morphing React toast component built on Sonner with Framer Motion.

anl331/goey-toast

Animation patterns and best practices for Next.js/React applications.

delphi-ai/animate-skill

Guides React animation work with GSAP, Motion, Anime.js and Lenis for scroll effects, page transitions, text effects and generative visuals, with a library decision table.

Hainrixz/editor-pro-max

Animation skill for Motion (prev Framer Motion) and CSS animation.

softmaple/softmaple

Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects.

julianromli/opencode-template

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

theexperiencecompany/gaia

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