Tagged animation
Every skill with this tag, from any category.
motion-advancedaffaan-m/ECCBuild drag, gesture, text and SVG path animations in React with the motion library★291K
motion-advancedBuild drag, gesture, text and SVG path animations in React with the motion library
hyperframesNousResearch/hermes-agentRender MP4 and WebM videos from HTML compositions and animations★258K
hyperframesRender MP4 and WebM videos from HTML compositions and animations
manim-videoNousResearch/hermes-agentCreate math and algorithm explainer animations with Manim Community Edition★258K
manim-videoCreate math and algorithm explainer animations with Manim Community Edition
pr-lensNousResearch/hermes-agentDraw code changes as animated architecture and data-flow SVG diagrams★258K
pr-lensDraw code changes as animated architecture and data-flow SVG diagrams
scrollcraftNousResearch/hermes-agentBuild scroll-driven landing pages where scrolling drives the animation timeline★258K
scrollcraftBuild scroll-driven landing pages where scrolling drives the animation timeline
figma-implement-motionanomalyco/opencodeTranslate Figma motion and keyframe animations into production app code★223K
figma-implement-motionTranslate Figma motion and keyframe animations into production app code
figma-use-motionanomalyco/opencodeAnimate Figma nodes with keyframes, easing and timeline durations★223K
figma-use-motionAnimate Figma nodes with keyframes, easing and timeline durations
slack-gif-creatoranthropics/skillsMake animated GIFs that meet Slack size and format limits with validation tools★184K
slack-gif-creatorMake animated GIFs that meet Slack size and format limits with validation tools
chat-motion-overlaynexu-io/open-designTurn a chat transcript into an animated messaging scene for short videos★105K
chat-motion-overlayTurn a chat transcript into an animated messaging scene for short videos
flutter-animating-appsnexu-io/open-designAdd animated effects, transitions and motion to Flutter apps for iOS and Android★105K
flutter-animating-appsAdd animated effects, transitions and motion to Flutter apps for iOS and Android
frontend-devnexu-io/open-designBuild hero pages and showcase sites with cinematic animation and generated media★105K
frontend-devBuild hero pages and showcase sites with cinematic animation and generated media
frontend-slidesnexu-io/open-designMake animation-rich HTML presentations with style previews for talks and briefs★105K
frontend-slidesMake animation-rich HTML presentations with style previews for talks and briefs
gif-sticker-makernexu-io/open-designTurn photos into animated GIF stickers in Funko Pop style for chats and avatars★105K
gif-sticker-makerTurn photos into animated GIF stickers in Funko Pop style for chats and avatars
gpt-tastenexu-io/open-designDesign expressive landing pages with bento grids, editorial type and GSAP scroll motion★105K
gpt-tasteDesign expressive landing pages with bento grids, editorial type and GSAP scroll motion
hand-drawn-diagramsnexu-io/open-designDraw hand-drawn Excalidraw diagrams with animated SVG and PNG export★105K
hand-drawn-diagramsDraw hand-drawn Excalidraw diagrams with animated SVG and PNG export
hatch-petnexu-io/open-designBuild animated pet spritesheets with an 8x9 atlas from character art or photos★105K
hatch-petBuild animated pet spritesheets with an 8x9 atlas from character art or photos
huashu-art-motionnexu-io/open-designPlan art-style explainer animations with storyboards, 35 looks and Canvas drawing★105K
huashu-art-motionPlan art-style explainer animations with storyboards, 35 looks and Canvas drawing
motion-designnexu-io/open-designPlan a motion graphics brief with beat map, pacing and timeline implementation★105K
motion-designPlan a motion graphics brief with beat map, pacing and timeline implementation
motion-framesnexu-io/open-designRender a looping motion poster with rotating type rings, a globe and a timer★105K
motion-framesRender a looping motion poster with rotating type rings, a globe and a timer
od-web-effect-extractornexu-io/open-designRebuild animations and WebGL effects from a reference site as editable code★105K
od-web-effect-extractorRebuild animations and WebGL effects from a reference site as editable code
remotionnexu-io/open-designCreate motion graphics and explainer videos in React with reproducible code★105K
remotionCreate motion graphics and explainer videos in React with reproducible code
slack-gif-creatornexu-io/open-designMake animated GIFs for Slack that stay within size limits★105K
slack-gif-creatorMake animated GIFs for Slack that stay within size limits
sprite-animationnexu-io/open-designMake a pixel-art mascot explainer slide with a ticking timeline for educational video★105K
sprite-animationMake a pixel-art mascot explainer slide with a ticking timeline for educational video
ui-animationnexu-io/open-designReconstruct easing and spring curves from a screen recording to match real UI motion★105K
ui-animationReconstruct easing and spring curves from a screen recording to match real UI motion
video-hyperframesnexu-io/open-designCreate autoplaying continuous frame animations for HyperFrames and Remotion projects★105K
video-hyperframesCreate autoplaying continuous frame animations for HyperFrames and Remotion projects
video-template-frame-decision-treenexu-io/open-designMake an animated decision tree video where flowchart branches draw in one by one★105K
video-template-frame-decision-treeMake an animated decision tree video where flowchart branches draw in one by one
video-template-frame-nyt-graphnexu-io/open-designMake an animated data chart in print editorial style for a HyperFrames video★105K
video-template-frame-nyt-graphMake an animated data chart in print editorial style for a HyperFrames video
video-template-frame-play-modenexu-io/open-designMake a playful video with elastic animations and bouncy type★105K
video-template-frame-play-modeMake a playful video with elastic animations and bouncy type
webgl-caustic-poolnexu-io/open-designBuild a WebGL2 hero with animated water caustics that ripple when clicked★105K
webgl-caustic-poolBuild a WebGL2 hero with animated water caustics that ripple when clicked
generate-console-themeruvnet/rufloGenerate an animated console color theme preset for the Ruflo dashboard★79.9K
generate-console-themeGenerate an animated console color theme preset for the Ruflo dashboard
motion-figurerohitg00/ai-engineering-from-scratchBuild animated, interactive SVG figures that show how a system works★75K
motion-figureBuild animated, interactive SVG figures that show how a system works
animated-contentthedaviddias/Front-End-ChecklistReplace heavy animated GIFs with video to cut page weight and load time★74.6K
animated-contentReplace heavy animated GIFs with video to cut page weight and load time
animation-performancethedaviddias/Front-End-ChecklistAnimate with transform and opacity so CSS motion stays smooth and cheap★74.6K
animation-performanceAnimate with transform and opacity so CSS motion stays smooth and cheap
reduced-motionthedaviddias/Front-End-ChecklistRespect reduced motion preferences so animations can be turned down★74.6K
reduced-motionRespect reduced motion preferences so animations can be turned down
view-transitionsthedaviddias/Front-End-ChecklistAdd view transitions for smooth page and shared element animations★74.6K
view-transitionsAdd view transitions for smooth page and shared element animations
canvas-procedural-animationcalesthio/OpenMontageCreate procedural particles, weather and walk cycles with p5.js or canvas★72.6K
canvas-procedural-animationCreate procedural particles, weather and walk cycles with p5.js or canvas
character-animation-qacalesthio/OpenMontageReview character animations with schema checks, previews and frame sampling★72.6K
character-animation-qaReview character animations with schema checks, previews and frame sampling
framer-motioncalesthio/OpenMontageApply Disney's 12 animation principles with Framer Motion in React★72.6K
framer-motionApply Disney's 12 animation principles with Framer Motion in React
hyperframescalesthio/OpenMontageBuild and edit videos and motion graphics from HTML with HyperFrames★72.6K
hyperframesBuild and edit videos and motion graphics from HTML with HyperFrames
hyperframes-animationcalesthio/OpenMontageApply HyperFrames motion rules, scene blueprints and animation runtimes★72.6K
hyperframes-animationApply HyperFrames motion rules, scene blueprints and animation runtimes
lottie-bodymovincalesthio/OpenMontageApply Disney's 12 animation principles with Lottie exports from After Effects★72.6K
lottie-bodymovinApply Disney's 12 animation principles with Lottie exports from After Effects
motion-graphicscalesthio/OpenMontageMake design-led motion graphics such as kinetic type and lower-thirds★72.6K
motion-graphicsMake design-led motion graphics such as kinetic type and lower-thirds
svg-character-animationcalesthio/OpenMontageAnimate SVG character rigs with GSAP, CSS and Remotion frame control★72.6K
svg-character-animationAnimate SVG character rigs with GSAP, CSS and Remotion frame control
threejs-animationcalesthio/OpenMontageAnimate Three.js objects with keyframes, skeletal rigs and morph targets★72.6K
threejs-animationAnimate Three.js objects with keyframes, skeletal rigs and morph targets
remotion-to-hyperframesheygen-com/hyperframesPort Remotion, Lottie or canvas animations to HyperFrames and verify each frame★70.8K
remotion-to-hyperframesPort Remotion, Lottie or canvas animations to HyperFrames and verify each frame
animateemilkowalski/skillsDesign and build UI animations by deciding purpose, easing, duration and exits★50.9K
animateDesign and build UI animations by deciding purpose, easing, duration and exits
animate-expoemilkowalski/skillsBuild React Native and Expo animations on the right thread with Reanimated★50.9K
animate-expoBuild React Native and Expo animations on the right thread with Reanimated
animation-performanceemilkowalski/skillsKeep web animations at 60fps by animating only composite-friendly properties★50.9K
animation-performanceKeep web animations at 60fps by animating only composite-friendly properties
animation-vocabularyemilkowalski/skillsLook up the exact name of a web animation effect from a loose description★50.9K
animation-vocabularyLook up the exact name of a web animation effect from a loose description
find-animation-opportunitiesemilkowalski/skillsFind UI spots that should animate and propose exact motion values★50.9K
find-animation-opportunitiesFind UI spots that should animate and propose exact motion values