From inspiration
to implementation.
Explore motion libraries, video tools and agent skills. Find the code behind your next moving idea, with a direct link to every repository.
Explore the toolkit- GitHub repositories
- 102
- Agent skill collections
- 60
- Skill files to explore
- 506
Build your next frame102
Three.js
Build animated 3D scenes and interactive graphics in the browser.
Anime.js
A JavaScript animation engine for CSS properties, SVG, DOM attributes and objects.
Remotion
Create and render programmable videos with React compositions.
Manim
A Python animation engine for mathematical and explanatory videos.
Motion
Animation tools for JavaScript and React, including layout transitions, gestures and scroll effects.
Lottie Web
Render exported After Effects animations in web interfaces using Lottie.
React Spring
Spring-physics animation primitives for fluid React interfaces and scenes.
GSAP
Timeline-based animation for the DOM, SVG, canvas and interactive web experiences.
Popmotion
Composable JavaScript keyframes, springs and interpolation for numbers, colors and complex values.
Motion Canvas
Create code-driven animations and explanatory videos with a visual preview editor.
Typed.js
Configurable typing and backspacing effects for animated text on the web.
GSAP Agent Skills
Official GSAP guidance for timelines, scroll animation, plugins and framework integration.
8 skills to explore
Video Shotcraft
A product-video skill with shot recipes, animated references, storyboarding and Remotion production templates.
1 skill to explore
Remotion Agent Skills
Official agent guidance for building, animating and rendering video compositions with Remotion.
12 skills to explore
Moti
Declarative React Native and web animations built on Reanimated, with examples for entering and exiting elements.
Sal
A lightweight JavaScript library for revealing elements as they enter the viewport.
TweenJS
Chain property transitions, pauses and callbacks to create timed JavaScript animation sequences.
Tailwind CSS Motion
A Tailwind CSS plugin for composing animation styles with utility classes.
Scene.js
Compose JavaScript and CSS animations on a timeline, with framework adapters and rendering tools.
AnimXYZ
Combine CSS animation attributes to build reusable motion in React, Vue or plain HTML.
Proton
A JavaScript particle engine for effects such as fire, sparks and explosions across several renderers.
Anything to Explainer
A Claude Code and Codex skill for narrated, code-rendered explainers with subtitles and visual quality checks.
1 skill to explore
OpenChatCut
An editable video timeline with coding-agent and MCP integration, project files and Remotion rendering.
Motion Design Skill
Motion direction, timing, easing and choreography guidance for AI coding agents.
1 skill to explore
Ola
Smoothly interpolate changing numeric values for interactive motion and responsive graphics.
Vivify
A collection of CSS classes for entrances, exits, flips and looping interface effects.
Awesome Web Animation
A categorized reference of web animation libraries, learning material and authoring tools.
Video Talkcraft
Build voiceover-led explainers with word-level timing, motion recipes and Remotion compositions.
1 skill to explore
Design Motion Principles
A motion design audit skill for reviewing interface animations and interaction details.
1 skill to explore
Motion Canvas Examples
Example projects with source code for studying Motion Canvas video techniques.
Rive Web
Web runtimes for playing interactive Rive animations and state machines.
dotLottie Web
A Rust and WebAssembly-powered player for Lottie and dotLottie animations.
Motion Anything
A motion engine with browser animation recipes, reusable skills and tools for editing and exporting animated designs.
230 skills to explore
- xyz fade big
- xyz fade down
- xyz fade left
- xyz fade right
- xyz fade small
- xyz fade up
- xyz flip left
- xyz flip up
- xyz rise big
- xyz rotate
- bottom sheet
- button press
- checkbox pop
- ripple
- tab bar slide
- toast pop
- anim backindown
- anim backinleft
- anim backinright
- anim backinup
- anim backoutdown
- anim backoutleft
- anim backoutright
- anim backoutup
- anim bounce
- anim bouncein
- anim bounceindown
- anim bounceinleft
- anim bounceinright
- anim bounceinup
- anim bounceout
- anim bounceoutdown
- anim bounceoutleft
- anim bounceoutright
- anim bounceoutup
- anim fadein
- anim fadeinbottomleft
- anim fadeinbottomright
- anim fadeindown
- anim fadeindownbig
- anim fadeinleft
- anim fadeinleftbig
- anim fadeinright
- anim fadeinrightbig
- anim fadeintopleft
- anim fadeintopright
- anim fadeinup
- anim fadeinupbig
- anim fadeout
- anim fadeoutbottomleft
- anim fadeoutbottomright
- anim fadeoutdown
- anim fadeoutdownbig
- anim fadeoutleft
- anim fadeoutleftbig
- anim fadeoutright
- anim fadeoutrightbig
- anim fadeouttopleft
- anim fadeouttopright
- anim fadeoutup
- anim fadeoutupbig
- anim flash
- anim flip
- anim flipinx
- anim flipiny
- anim headshake
- anim heartbeat
- anim hinge
- anim jackinthebox
- anim jello
- anim lightspeedinleft
- anim lightspeedinright
- anim pulse
- anim rollin
- anim rollout
- anim rotatein
- anim rotateindownleft
- anim rotateindownright
- anim rotateinupleft
- anim rotateinupright
- anim rotateout
- anim rotateoutdownleft
- anim rotateoutdownright
- anim rotateoutupleft
- anim rotateoutupright
- anim rubberband
- anim shake
- anim shakex
- anim shakey
- anim slideindown
- anim slideinleft
- anim slideinright
- anim slideinup
- anim slideoutdown
- anim slideoutleft
- anim slideoutright
- anim slideoutup
- anim swing
- anim tada
- anim wobble
- anim zoomin
- anim zoomindown
- anim zoominleft
- anim zoominright
- anim zoominup
- anim zoomout
- anim zoomoutdown
- anim zoomoutleft
- anim zoomoutright
- anim zoomoutup
- lottie fab
- lottie favorite
- lottie pagination
- lottie tab
- fx chain react
- fx confetti
- fx constellation
- fx counter explosion
- fx data stream
- fx firework
- fx galaxy swirl
- fx gradient blob
- fx knowledge graph
- fx letter explode
- fx magnetic field
- fx matrix rain
- fx neural net
- fx orbit ring
- fx particle burst
- fx shockwave
- fx sparkle trail
- fx starfield
- fx typewriter multi
- fx word cascade
- attention pulse
- aurora
- balatro
- blob cursor
- blur text
- border beam
- bounce cards
- card lift hover
- circular text
- click spark
- count up
- counter
- crosshair
- dark veil
- decrypted text
- dither
- dock
- dot field
- dot grid
- elastic slider
- electric border
- fade content
- fade in up
- falling text
- faulty terminal
- ferrofluid
- galaxy
- glare hover
- glass icons
- glitch text
- gooey nav
- gradient blinds
- gradient text
- gradual blur
- grainient
- image trail
- iridescence
- kinetic headline
- light rays
- lightfall
- lightning
- like burst
- line waves
- liquid chrome
- loading shimmer
- magnet lines
- magnetic button
- noise
- orb
- particles
- pixel blast
- pixel card
- pixel snow
- pixel transition
- plasma wave
- plasma
- prism
- prismatic burst
- radar
- ripple grid
- ripple press
- rotating text
- scroll float
- scroll reveal
- shimmer button
- shine border
- shiny text
- shuffle text
- side rays
- silk
- soft aurora
- splash cursor
- spotlight card
- stagger list
- star border
- stepper
- strands
- target cursor
- text scramble
- threads
- tilt 3d
- toggle spring
- true focus
- waves
- gsap core
- gsap frameworks
- gsap performance
- gsap plugins
- gsap react
- gsap scrolltrigger
- gsap timeline
- gsap utils
- motion anything
- web clone
- web shader extractor
- web to design md
Anidoodle
Code-based drawing, animation and scored films with reusable visual styles and agent guidance.
Motion Skills Directory
A directory of focused agent packs for motion graphics, animation, explainers and video production.
Guizang Product Video
Turn product updates into promotional films using the project’s real components, design language and generated sound.
1 skill to explore
Bang Motion
Build browser-based openers, product promos and typography sequences as self-contained HTML animations.
1 skill to explore
Awesome Claude Video Skills
A source-linked directory of coding-agent video skills, frameworks and production workflows.
Genjutsu
Creative coding skills for interface animation, micro-interactions and visual systems across web and native platforms.
20 skills to explore
15 Motion Design Styles
Fifteen coded motion films with style notes, source files and the prompts used to produce them.
Agentic Product Demo
Create product demos as React compositions with motion patterns, preview frames and a rendering pipeline.
1 skill to explore
Claude YouTube Editor
An agent workflow for editing recordings and adding code-rendered visuals, voice, captions and sound.
9 skills to explore
Claude Motion Design
Build deterministic HTML motion graphics with beat-aligned scenes and browser-to-video rendering.
1 skill to explore
Claude Remotion Skill
Agent guidance for Remotion compositions, captions, supporting footage and sound design.
1 skill to explore
Claude Faceless Shorts Creator
Skills for narrated short videos using Remotion, collage or generated footage with synchronized captions.
5 skills to explore
Mortiflix
A local motion studio with briefs, scripts, style frames, animatics and frame-specific review notes.
Motion Design for Agents
A Codex and Claude Code skill for adapting visual references into motion films with Higgsfield.
1 skill to explore
SaaS Motion Kit
A HyperFrames workflow for software promos with visual themes, transition references and storyboard review.
1 skill to explore
Opus Video Prompts
Public creator examples and attributed prompts for code-rendered videos, grouped by production approach.
Three.js Kinetic Typography
Source examples from Codrops for creating animated typography with Three.js and shaders.
CutDirector
Reusable motion prompts and visual recipes for adding explanatory graphics to talking-head footage with ChatCut.
1 skill to explore
Motion Graphics Music Video
A Claude Code plugin for planning and assembling music-driven animation with graphics, audio and external media tools.
1 skill to explore
AIEV Video Skills
A supervised video workflow combining HyperFrames, GSAP and Remotion, with reusable production skills.
20 skills to explore
Kinetic Type Page Transition
An experimental page transition where animated background letterforms introduce the next view.
Opus Video Skills
Style-specific workflows for painted animation and kinetic reels, from storyboards to sound and final encoding.
2 skills to explore
Motiscope
Analyze timing and easing from a screen recording and recreate motion with GSAP, CSS, Motion or Lottie.
8 skills to explore
Claude Video Kit
A reviewed-script pipeline for vertical explainers with narration, aligned captions and Remotion rendering.
1 skill to explore
Remotion Workflow Skills
A Chinese-language reference for React video composition, animation timing, sequencing and media handling.
1 skill to explore
Awesome Claude Video
A source-linked collection of creator-reported Claude videos, scenes and shared prompts.
Animate
Create procedural short films in a single HTML file, with storyboards, visual styles and deterministic rendering.
1 skill to explore
Persian Motion Director
Motion direction and rendering guidance for connected Persian letters, right-to-left layouts and beat-driven transitions.
1 skill to explore
Cinetic
A coding-agent skill for branded launch films with shot planning, procedural sound and repeatable rendering checks.
1 skill to explore
Motion Design Skills
Reusable skills covering animation principles, typography, composition and video workflows.
9 skills to explore
Tripo Claude Prompt Library
Source-linked examples for 3D scenes, animations and interactive browser projects.
Kinetic Typography Playground
A Three.js playground for exploring animated type through geometry, color and distortion controls.
Typexperiments
A Canvas typography engine exploring per-character transitions and text layout with Pretext.
Web Animation Skills
Reusable guidance for GSAP, SVG, Lottie, interface interactions, page transitions and animation performance.
9 skills to explore
Claude Animation
Create hand-drawn-style 2D scenes with coded character rigs, textured brushes and synchronized sound.
1 skill to explore
Explainer Video Skills
Plan scripts and storyboards for narrated explainers, recaps and animated diagrams.
5 skills to explore
WebGL Animation Skills
Workflows for Three.js scenes, GLSL shaders and animated particle systems.
3 skills to explore
Remotion Brand Motion
Plan and render typography, logo and brand-promo videos in portrait and landscape formats.
1 skill to explore
JavaScript Animation Skills
Create code-drawn Canvas films with procedural sound, deterministic rendering and visual checks.
2 skills to explore
Map Animation Skills
Create editorial map sequences with camera zooms, animated routes, pins and highlighted regions.
1 skill to explore
Remotion Koubo Workflow
A Chinese-language pipeline for turning speech footage and subtitles into a video with motion graphics and sound.
6 skills to explore
Short-Form Video Skills
Plan and produce vertical video, captions and motion sequences for TikTok, Reels and Shorts.
4 skills to explore
Apple Motion Study
An independent study of recap-video pacing and kinetic typography, with reusable Remotion guidance.
1 skill to explore
Kinetic Typography Skills
Animate headlines and staggered text across CSS, GSAP, Motion and Remotion workflows.
1 skill to explore
Manim Animation Skills
Agent guidance for animating equations, plotting functions and rendering mathematical explainers with Manim.
1 skill to explore
Open Prompt Archive
Creator-attributed video prompts, previews and a director toolkit for Claude workflows.
HTML Animation Skill
Create time-controlled logo and typography animations in HTML, with workflows for exporting several video formats.
1 skill to explore
Remotion Caption Themes
Animated caption themes for Remotion videos, including word-level highlights and social-video layouts.
Ad Video Skills
Agent guidance for adapting brand motion templates into ad variations, launch films and testimonials.
3 skills to explore
E-commerce Video Skills
Turn product screenshots, pricing and photography into demos, sale promos and animated slideshows.
3 skills to explore
Python Motion Skills
Python workflows for motion infographics, animated charts, keyframe timelines and video export.
3 skills to explore
Data Animation Skills
Build animated charts and infographics while preserving the underlying values throughout each transition.
3 skills to explore
Motion Design Agent
A library of motion skills and design tokens for animation patterns, effects and accessibility.
87 skills to explore
- Overview
- 3d transforms
- accessibility
- android native
- animation recipes
- anticipation
- arc motion
- attention choreography
- attention
- audio reactive
- blur
- brand animation
- camera
- character
- choice resolution
- cinematic
- code generation
- color
- component animations
- compositing
- consequence
- container transform
- css advanced
- data visualization
- depth
- distortion
- dramaturgy
- duration
- easing
- emotion mapping
- emotion selection
- emotional journey
- empty states
- entrance patterns
- exaggeration
- exit patterns
- export
- figma integration
- follow through
- frame timing
- gesture motion
- glow shadow
- intent
- ios native
- loading states
- looping
- lottie
- masks
- microstate
- morphing
- motion audit
- motion blur
- motion principles
- motion specs
- narrative arc
- notifications
- onboarding
- opacity
- orchestrator
- particles
- physics
- platform adaptation
- playback control
- position
- procedural
- react native
- reflection
- remotion
- reveals
- rotation
- scale
- scroll animations
- scrollytelling
- secondary action
- sequencing
- skew
- squash stretch
- storyboarding
- stroke
- stylization
- svg animation
- testing patterns
- texture
- tools
- transitions
- typography
- ui micro
Leadde Video Prompt Library
Creator-linked prompts organized around motion graphics, explainers, 3D scenes and interactive demos.
Motion Launch Videos
Skills and example films covering kinetic type, cartoons, 3D, charts, particles and interface promos.
11 skills to explore
Remotion Video Templates
Editable examples for logo intros, lower thirds, kinetic type, charts, captions and product promos.
Text Message Video Skills
Turn conversation scripts into animated message sequences for short-form videos.
1 skill to explore
YouTube Video Skills
Create channel intros, outros and podcast audiograms with reusable agent workflows.
2 skills to explore
Awesome Motion Skills
A directory of agent skills for motion graphics, animation and video production.
Interactive Type Experiments
Typography experiments using GSAP, Three.js and browser effects such as elastic motion and distortion.
ReelForge
An agent workflow for coded motion graphics, captions, shader scenes and GPU-rendered video.
1 skill to explore
Freelance Motion Skills
Practical guides for motion briefs, revisions, delivery specifications and reusable brand motion systems.
5 skills to explore
Generative Illustration Skills
Combine generated illustration assets with coded structure and animation for expressive motion pieces.
1 skill to explore
Blender Animation Direction
Guidance for product shots, camera movement, lens choice and animation timing in Blender.
1 skill to explore
Sentry Brand Motion
Sentry-maintained guidance for applying its typography, color, logo and motion rules to Remotion videos.
1 skill to explore
Oneshotted Skill
A reference-driven video workflow for coding agents, with planning, rendering and review. Its connected library requires an account.
1 skill to explore
Transcript to Motion Prompts
Break a script or transcript into visual beats and structured prompts for motion production.
1 skill to explore
24fps Motion Skills
Reference-search guidance for motion prompts, captions, transitions and video-editor presets.
1 skill to explore
Lower Thirds Skills
Create animated name straps and overlays with transparent video output for streaming and editing.
1 skill to explore
Made by their maintainers. Linked with credit.
Repository details checked Oct 7, 2026. Stars and activity reflect that check. Each project has its own license and setup instructions; follow its documentation before using it.