Skip to content

4,323 clips · 2,426 creators · and counting

The biggestlibrary of AImotion graphics.

We're collecting every motion graphic people make with AI and code (HyperFrames, Remotion, GSAP, Three.js and more) from GitHub, X and the open web. Each one is credited and linked to the original, and 1,053 come with the prompt that made them.

Trylogo reveals kinetic type product launch explainers 9:16

00:00:06:21

Clips collected: 4,323
With the prompt: 1,053
Creators credited: 2,426
AI models: 42

Live counts · from 128 GitHub collections, creators' posts and the open web, 2026-10-01

Newest

Frame from “Three.js 3D Closest to the Pin Golf Game Comparison” by @Kyler_Lorin

Three.js 3D Closest to the Pin Golf Game Comparisonby @Kyler_LorinPromptThree.js

Frame from “Three.js 3D Particle Sphere Title Animation” by @cheery9998

Three.js 3D Particle Sphere Title Animationby @cheery9998PromptThree.js

Frame from “A JavaScript wool-art world” by @thebuggeddev

A JavaScript wool-art worldby @thebuggeddevHTML + JS

Frame from “An interactive house from foundation to finish” by @techartist_

An interactive house from foundation to finishby @techartist_Three.js

Frame from “An animated bar chart of UK asylum claims” by @AylmerTH

An animated bar chart of UK asylum claimsby @AylmerTHRemotion

Frame from “An IdeaVim Product Promo” by @ideavim

An IdeaVim Product Promoby @ideavimHyperFrames

Frame from “A Koi Pond with Ripples and Drifting Leaves” by @anvithbuilds

A Koi Pond with Ripples and Drifting Leavesby @anvithbuildsThree.js

Frame from “An Interactive MusicKit and WebGPU Lyrics Player” by @LuisBizarro

An Interactive MusicKit and WebGPU Lyrics Playerby @LuisBizarroShader

Frame from “3D Neon City Robot Endless Runner Game” by @aichrislee

3D Neon City Robot Endless Runner Gameby @aichrisleePromptShader

Frame from “Interactive 20,000 Water Particle Fluid Simulation Comparison” by @viewsfrom02108

Interactive 20,000 Water Particle Fluid Simulation Comparisonby @viewsfrom02108PromptCanvas

Frame from “3D Animated Music Video Produced with Claude Opus 5.5 and Blender” by @LugiAXETomXV

3D Animated Music Video Produced with Claude Opus 5.5 and Blenderby @LugiAXETomXVPromptBlender

Frame from “3D Character Modeling and Animation Comparison: Dopakichi Mascot” by @grmchn4ai

3D Character Modeling and Animation Comparison: Dopakichi Mascotby @grmchn4aiPromptThree.js

Popular

Frame from “UX Design Decision Animation” by @moguzbulbul

UX Design Decision Animationby @moguzbulbulRemotion

Frame from “Interactive Peach Blossom Spring 3D demo” by @dotey

Interactive Peach Blossom Spring 3D demoby @doteyThree.js

Frame from “@JaydenDavisNC Splatoon 游戏录屏” by @JaydenDavisNC

@JaydenDavisNC Splatoon 游戏录屏by @JaydenDavisNCThree.js

Frame from “Atmospheric circulation lesson in line art” by @akokoi1

Atmospheric circulation lesson in line artby @akokoi1PromptSVG

Frame from “250 Years of U.S. History in Sand Animation” by @Michaelzsguo

250 Years of U.S. History in Sand Animationby @MichaelzsguoPromptBlender

Frame from “muda. Inference Launch Video” by @deedydas

muda. Inference Launch Videoby @deedydasPromptGSAP

Frame from “Dynasty Warriors web game demo” by @BubuStd

Dynasty Warriors web game demoby @BubuStdThree.js

Frame from “Talking-head clip turned into line-art explainer” by @AxtonLiu

Talking-head clip turned into line-art explainerby @AxtonLiuPromptPython

Frame from “《Oktoberfest》动画” by @cherry_mx_reds

《Oktoberfest》动画by @cherry_mx_reds

Frame from “Sweet Tooth” by @cherry_mx_reds

Sweet Toothby @cherry_mx_reds

Frame from “Twin paradox paper cutout animation” by @masahirochaen

Twin paradox paper cutout animationby @masahirochaenPromptCanvas

Frame from “Battle of Austerlitz as a 5-minute film” by @WinterArc2125

Battle of Austerlitz as a 5-minute filmby @WinterArc2125PromptShader

Featured

Frame from “An interactive camera lens lab” by @RyanSael

An interactive camera lens labby @RyanSaelPromptThree.js

Frame from “One-shape UI morph loop synced to music” by @twoclipping

One-shape UI morph loop synced to musicby @twoclippingPromptRemotion

Frame from “AI Singularity Pop Music Video” by @anabology

AI Singularity Pop Music Videoby @anabologyPromptRemotion

Frame from “Showreel with Blender 3D and self-made soundtrack” by @shneural

Showreel with Blender 3D and self-made soundtrackby @shneuralPromptBlender

Frame from “Two model procedural Blender shots” by @Stefan_3D_AI

Two model procedural Blender shotsby @Stefan_3D_AIPromptBlender

Frame from “Zero-direction demoscene intro (280 KB HTML)” by @JustinPerea

Zero-direction demoscene intro (280 KB HTML)by @JustinPereaPromptShader

Frame from “What is a Transformer, a 12-minute explainer” by @dotey

What is a Transformer, a 12-minute explainerby @doteyPromptRemotion

Frame from “A Code-Rendered Film on the History of AI” by @kimmonismus

A Code-Rendered Film on the History of AIby @kimmonismusPromptRemotion

Frame from “1906 San Francisco Market Street in Blender” by @alexalbert__

1906 San Francisco Market Street in Blenderby @alexalbert__PromptBlender

Frame from “Mobile game reward animation template” by @op7418

Mobile game reward animation templateby @op7418PromptThree.js

Frame from “Word-seeded cosmic genesis animation” by @MiaAI_lab

Word-seeded cosmic genesis animationby @MiaAI_labPromptShader

Frame from “Captioned vertical clip with local TTS voiceover (HyperFrames)” by @bilaldemirerr

Captioned vertical clip with local TTS voiceover (HyperFrames)by @bilaldemirerrPromptHyperFramesOpen source

Video editor presets817

Roboto white on solid black barWhite Roboto Regular on a fully opaque black bar, two lines, bottom; no animation beyond a fade.BoxedSubtitle

Topic title, then favorite tipA caps title with a script word fades in behind the speaker at 0.2 s while two-line glowing lowercase captions start, with a soft 7% push-in.Edit passHookCut-out

Clip B slides over A, leftClip B glides in from the right edge, sliding left and covers a stationary clip A.SlideSwipeSFX

Clip B slides over A, rightClip B glides in from the left edge, sliding right and covers a stationary clip A.SlideSwipeSFX

Bold yellow Open Sans on blackBold yellow Open Sans in a solid black box, centred and large for fast speech on a phone.BoxedSubtitle

"For me" with a script title revealA tight serif caption starts alone, then a large script title with a sparkle and a tiny stacked tagline blurs in behind the speaker at about 0.7 s.Edit passHookCut-out

Clip B slides over A, upClip B glides in from the bottom edge, sliding up and covers a stationary clip A.SlideSwipeSFX

Clip B slides over A, downClip B glides in from the top edge, dropping down and covers a stationary clip A.SlideSwipeSFX

White italic Lato on grey gradientWhite italic Lato on a soft grey linear-gradient plate with rounded corners; calm and elegant.BoxedGradient

Keyword blur card with a settling zoomThe clip eases out from a tight crop while the first keyword blurs into a glowing cream caps card at 0.5 s, followed by a tiny orange label at 1.2 s.Edit passHook

Clip A swipes away rightClip A slides off to the right like a card being flicked, uncovering a stationary clip B beneath.UncoverSwipeSFX

Diamond iris revealA diamond-shaped window grows from the centre until clip B fills the frame.IrisDiamondSFX

Bold blue Lora, radial black glowBold electric-blue Lora on a black plate with a lighter radial highlight in the centre; the spoken word flashes white.BoxedSerif

Dark fade-up, red keyword, flashThe clip rises from near black while bold red caption words and a letter-spaced glowing keyword reveal, then a prismatic white leak flashes at about 1.1 s.Edit passHook

Diamond iris snapA fast expo-eased diamond pops open from the centre to reveal clip B.IrisDiamondSFX

Pixel block dissolve, 16 by 16Clip B appears in a random scatter of 16 by 16 square blocks that fill in as A disappears.PixelMosaicSFX

Libraries & tools

Browse by what rendered it.

All 17 tools →

Three.js / React Three Fiber429 clips Shaders / GLSL412 clips

Remotion246 clips

HyperFrames230 clips

Blender227 clips

GSAP39 clips

p5.js19 clips

Manim (Community Edition)12 clips

Lottie / dotLottie6 clips

Motion Canvas5 examples

Editframe5 examples

Revideo2 examples

The most copied prompt in our corpus

One prompt. 109 different videos.

“make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.”

These exact words were run through Claude Opus 5.5 109 times, and came out as 109 different videos. A prompt gets you a video like the one you saw, never the same one, so we keep every run side by side. (The reel at the top of this page is our run.)

See all 109 runs Browse by prompt

Run by @shneural

001 · @shneural

Run by @ajith_io

002 · @ajith_io

Run by @stephanlivera

003 · @stephanlivera

Run by @leonabboud

004 · @leonabboud

Run by @melvynx

005 · @melvynx

Run by @kentcdodds

006 · @kentcdodds

Run by @DanielSmidstrup

007 · @DanielSmidstrup

Run by @jasonzhou1993

008 · @jasonzhou1993

Run by @kenn

Run by @HO_BA

Run by @himanshutwtxs

011 · @himanshutwtxs

Run by @SebastianRoehl

012 · @SebastianRoehl

Run by @robj3d3

013 · @robj3d3

Run by @achxvi

How the library grows

If it was made with AI and code, we want it here.

We index public collections, creators' posts and framework showcases, dedupe them, and credit every clip to whoever made it. Spotted one we're missing? Send us the link.

Clips from creators' posts on X: 3,422
Clips from GitHub repos: 771
Clips from the open web: 130
Public collections indexed: 128

For agents

Let your agent check here before it generates.

Add the 24fps MCP server and Claude Code or Cursor can search 4,323 clips by description, read their prompts and pull open-licensed source into your project, before spending tokens on a fresh attempt.

claude mcp add --transport http 24fps https://24fps.dev/mcp

search_clips freeget_clip freeget_source open source: freesearch_editor_assets freeget_editor_asset free

Setup for every agent →llms.txt JSON API

> make a 9:16 logo reveal for our launch, dark, under 10 seconds

◆ 24fps.search_clips query="logo reveal" aspect=9:16 max_seconds=10

6 matches · 2 with open source

1 Kinetic logo sting HyperFrames · 0:06 · MIT

2 Ink ring reveal Remotion · 0:08 · prompt only

> use #1, swap in our colours

◆ 24fps.get_source → MIT repo + attribution line

✓ cloned, colours swapped · credit added to CREDITS.md

✓ rendered out/logo.mp4 (1080×1920, 6.0 s)

Questions

Are the prompts really free?

Yes. Every prompt we show is free to copy, formatted for Claude Code, Claude.ai, Cursor or Codex, with no sign-up. 1,053 clips include one; long third-party prompts show an excerpt and link to the creator's post.

Where do the clips come from?

Public GitHub collections, creators' own posts, framework showcases and submissions. We credit every clip and link it to the original. Third-party videos stay on the creator's post; we only host loops from open-licensed repos.

Which AI models made them?

Whatever the creator says they used, shown on every clip. Most are Claude Opus 5.5; we're adding work from earlier Claude models and other labs as we find it.

Who owns these clips?

Their creators. Every clip credits its creator and links to the original post. We show open-licensed source in full with attribution; everything else is a still, a prompt and a link until the creator claims it. Unclaimed work is never sold.

Can my coding agent use 24fps?

Yes. Point Claude Code or Cursor at our MCP server, or read /llms.txt and /api/clips. Agents can search clips by description and read prompts for free.

My work is listed. Can I remove it?

Yes. Claim it to edit the credit and add the prompt, or ask us to remove it. For anything urgent, reach out to @misbahsy on X.

Every AI motion graphic, in one place.

Start browsing Submit a link