{"total":4323,"page":1,"per_page":24,"results":[{"slug":"an-interactive-camera-lens-lab-00586","title":"An interactive camera lens lab","url":"https://24fps.dev/c/an-interactive-camera-lens-lab-00586","creator":"@RyanSael","original_post":"https://x.com/RyanSael/status/2102591147927654847","category":"Explainers","framework":"Three.js","aspect":"16:9","duration_s":32,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2102589341197619200/img/yc_23PO0WRs63QWw?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":true,"prompt_kind":"prompt","source":"none","prompt_excerpt":"I asked Opus 5.5 to explain camera focus by building an interactive lens lab"},{"slug":"one-shape-ui-morph-loop-synced-to-music-00005","title":"One-shape UI morph loop synced to music","url":"https://24fps.dev/c/one-shape-ui-morph-loop-synced-to-music-00005","creator":"@twoclipping","original_post":"https://x.com/twoclipping/status/2103273003555402193","category":"UI motion & transitions","framework":"Remotion","aspect":"1:1","duration_s":14,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2103272964967804928/img/DTuQzS4NOGKMbTDA?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":true,"prompt_kind":"prompt","source":"none","prompt_excerpt":"<inputs>\nAsk me for: 8 to 12 UI states I want the shape to become (e.g. button, loader, player, slider, toggle, tabs, chart, command palette, toast), pure black and white or one accent color, and a royalty-free song around 120 BPM (e.g. Mix"},{"slug":"ai-singularity-pop-music-video-00007","title":"AI Singularity Pop Music Video","url":"https://24fps.dev/c/ai-singularity-pop-music-video-00007","creator":"@anabology","original_post":"https://x.com/anabology/status/2103534482930491441","category":"Kinetic type","framework":"Remotion","aspect":"16:9","duration_s":306.5,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2103533196721704960/img/ILpk1iqxJsJGiDcK?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":true,"prompt_kind":"prompt","source":"none","prompt_excerpt":"I've included an MP4 file and an original link to a video that is called \"Claude Pop.\" It's a pop song that is about increasing rate of progress and the experience of the singularity approaching.\n\nI want you to independently do an end-to-en"},{"slug":"showreel-with-blender-3d-and-self-made-soundtrack-01080","title":"Showreel with Blender 3D and self-made soundtrack","url":"https://24fps.dev/c/showreel-with-blender-3d-and-self-made-soundtrack-01080","creator":"@shneural","original_post":"https://x.com/shneural/status/2103151003272962130","category":"3D scenes","framework":"Blender","aspect":"16:9","duration_s":31.9,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2103149570440024064/img/QKgvRP_unggJVH6M?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":true,"prompt_kind":"prompt","source":"none","prompt_excerpt":"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."},{"slug":"two-model-procedural-blender-shots-00501","title":"Two model procedural Blender shots","url":"https://24fps.dev/c/two-model-procedural-blender-shots-00501","creator":"@Stefan_3D_AI","original_post":"https://x.com/Stefan_3D_AI/status/2102471841046786153","category":"3D scenes","framework":"Blender","aspect":"16:9","duration_s":46.4,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2102468034124464128/img/sgfsA79kpK8w2mCE?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":true,"prompt_kind":"prompt","source":"none","prompt_excerpt":"One prompt, Blender only, all procedural. Render the 10-second shot, and record your own build timelapse."},{"slug":"ux-design-decision-animation-00301","title":"UX Design Decision Animation","url":"https://24fps.dev/c/ux-design-decision-animation-00301","creator":"@moguzbulbul","original_post":"https://x.com/moguzbulbul/status/2104206095313215591","category":"Explainers","framework":"Remotion","aspect":"4:3","duration_s":42,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2104205996960743424/img/bhxe7gk5mhKbgYeG?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":false,"prompt_kind":"post","source":"creator-link","prompt_excerpt":"I was struggling to explain my UX decisions in interviews, so I made this kind of animation with Opus 5.5\n\nAnyone want the skill?"},{"slug":"zero-direction-demoscene-intro-280-kb-html-00811","title":"Zero-direction demoscene intro (280 KB HTML)","url":"https://24fps.dev/c/zero-direction-demoscene-intro-280-kb-html-00811","creator":"@JustinPerea","original_post":"https://x.com/JustinPerea/status/2102893186330841502","category":"3D scenes","framework":"WebGL shaders","aspect":"16:9","duration_s":43,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2102893058664615936/img/FBPBL0jAyP8t1AOE?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":true,"prompt_kind":"prompt","source":"none","prompt_excerpt":"Create this in a new sub folder. \n\n/goal Create the most impressive demo of Opus 5.5 (you) capabilities to be shown off on Twitter. Pick what you want to make, record it into a short video that can get attention, and have fun."},{"slug":"what-is-a-transformer-a-12-minute-explainer-01388","title":"What is a Transformer, a 12-minute explainer","url":"https://24fps.dev/c/what-is-a-transformer-a-12-minute-explainer-01388","creator":"@dotey","original_post":"https://x.com/dotey/status/2103683057689522564","category":"Explainers","framework":"Remotion","aspect":"16:9","duration_s":732.3,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2103682805754388480/img/3sFzGvr0YiE5sXKC?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":true,"prompt_kind":"prompt","source":"none","prompt_excerpt":"帮我用js制作一个视频，主题是：什么是 Transformer\n要深入浅出，让高中生也能看得懂，不仅high level说的清楚，也要有细节，包括注意力机制，甚至一些数学概念\n\n你可以用任何工具或者安装工具，可以联网检索\n\n请给我惊喜"},{"slug":"a-code-rendered-film-on-the-history-of-ai-00784","title":"A Code-Rendered Film on the History of AI","url":"https://24fps.dev/c/a-code-rendered-film-on-the-history-of-ai-00784","creator":"@kimmonismus","original_post":"https://x.com/kimmonismus/status/2102844654169575547","category":"Data & maps","framework":"Remotion","aspect":"16:9","duration_s":180.1,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2102844491820670976/img/F4AMzfTMJqQe84nD?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":true,"prompt_kind":"prompt","source":"none","prompt_excerpt":"You are a motion designer and creative director making a 3-minute animated short film,\nbuilt entirely in code and rendered to MP4.\nThe film\n\nTitle: \"Attention Is All You Need → AGI\"\nThe story of how a single 2017 paper led, step by step, to"},{"slug":"1906-san-francisco-market-street-in-blender-00047","title":"1906 San Francisco Market Street in Blender","url":"https://24fps.dev/c/1906-san-francisco-market-street-in-blender-00047","creator":"@alexalbert__","original_post":"https://x.com/alexalbert__/status/2102466523164274839","category":"Explainers","framework":"Blender","aspect":"4:3","duration_s":8,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2102465460545675264/img/ILlgAuA7ctODSBai?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":true,"prompt_kind":"prompt","source":"none","prompt_excerpt":"Recreate Market Street, San Francisco as it stood on April 17, 1906, the afternoon before the earthquake, in Blender.\n\nScope: the Ferry Building up Market to Fifth Street, including the Palace Hotel, the Call Building, the Chronicle Buildin"},{"slug":"interactive-peach-blossom-spring-3d-demo-00842","title":"Interactive Peach Blossom Spring 3D demo","url":"https://24fps.dev/c/interactive-peach-blossom-spring-3d-demo-00842","creator":"@dotey","original_post":"https://x.com/dotey/status/2102940980379017293","category":"3D scenes","framework":"Three.js","aspect":"16:9","duration_s":257.2,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2102939337591603200/img/weyIr9g5auOw-4Xm?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":false,"prompt_kind":null,"source":"creator-link","prompt_excerpt":null},{"slug":"mobile-game-reward-animation-template-00341","title":"Mobile game reward animation template","url":"https://24fps.dev/c/mobile-game-reward-animation-template-00341","creator":"@op7418","original_post":"https://x.com/op7418/status/2104085484347818226","category":"Logo reveals","framework":"Three.js","aspect":"16:9","duration_s":18,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2104085291439144961/img/iAeJM8TyuCSzDBKb?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":true,"prompt_kind":"prompt","source":"none","prompt_excerpt":"帮我做一个原创的手游「高光时刻」动效：[主体，例如：开宝箱 / 段位晋升 / 成就解锁 / Boss 掉落 / 角色升级]。\n做成一个可以直接打开的单文件网页（HTML + CSS + JS），点一下就能完整播放，效果对标商业手游的结算 / 奖励演出。\n\n【世界观与风格】\n- 原创美术，不要模仿任何现有游戏的 IP、角色或 Logo。\n- 卡通手游风：高饱和配色，统一的深色描边（例如 #1A1033），圆润厚重的造型。\n- 配色随等级升级：[等级阶梯，例如：普通绿 → 稀有蓝"},{"slug":"jaydendavisnc-splatoon-01229","title":"@JaydenDavisNC Splatoon 游戏录屏","url":"https://24fps.dev/c/jaydendavisnc-splatoon-01229","creator":"@JaydenDavisNC","original_post":"https://x.com/JaydenDavisNC/status/2103357848961036304","category":"3D scenes","framework":"Three.js","aspect":"16:9","duration_s":147.8,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2103357145110474752/img/MidQpU-3UgFCBxmB?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":false,"prompt_kind":null,"source":"none","prompt_excerpt":null},{"slug":"atmospheric-circulation-lesson-in-line-art-00596","title":"Atmospheric circulation lesson in line art","url":"https://24fps.dev/c/atmospheric-circulation-lesson-in-line-art-00596","creator":"@akokoi1","original_post":"https://x.com/akokoi1/status/2102606609574941028","category":"Explainers","framework":"SVG","aspect":"16:9","duration_s":288.1,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2102600725981446144/img/CLPpa3fm0WFkm7U1?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":true,"prompt_kind":"prompt","source":"none","prompt_excerpt":"我只能说，能用上Claude的一线老师又领先了。\n\n一段简单的提示词，Opus 5.5花了26分钟，直接生成了这段将近5分钟的，解释地理知识点“大气环流”的视频，消耗的token极低。\n\n以下是具体教程：\n\n1.  找一家TTS的厂商，豆包、智谱、海螺、千问等等都可以，找到文本转语音的文档，粘贴进一个新的md文档，比如TTS.md，创建.env文件，把API KEY和其它需要调整的配置填进去。\n\n2.…"},{"slug":"250-years-of-u-s-history-in-sand-animation-00051","title":"250 Years of U.S. History in Sand Animation","url":"https://24fps.dev/c/250-years-of-u-s-history-in-sand-animation-00051","creator":"@Michaelzsguo","original_post":"https://x.com/Michaelzsguo/status/2102592355165782312","category":"Explainers","framework":"Blender","aspect":"16:9","duration_s":120,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2102592220888965120/img/wUEZT8hOqEwK1d1r?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":true,"prompt_kind":"prompt","source":"none","prompt_excerpt":"Make a 2-minute sand animation that tells the story of 250 years of U.S. history. Keep it lively, engaging, and tasteful. Add appropriate background music and sound design."},{"slug":"word-seeded-cosmic-genesis-animation-00081","title":"Word-seeded cosmic genesis animation","url":"https://24fps.dev/c/word-seeded-cosmic-genesis-animation-00081","creator":"@MiaAI_lab","original_post":"https://x.com/MiaAI_lab/status/2103837519615774895","category":"Hand-drawn & pixel","framework":"WebGL shaders","aspect":"9:16","duration_s":97,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2103835194968973312/img/vTWjv7AbUxDEVaTy?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":true,"prompt_kind":"prompt","source":"none","prompt_excerpt":"Build me something when people see it, they will say \"Wow\". Must be immersive, when people see it, they will be stunned by what they see.\n\nThis can be a video, or anything else you can think of.\n\nBe creative. Go wild. Dig deep.\n\nNo AI slop."},{"slug":"muda-inference-launch-video-00009","title":"muda. Inference Launch Video","url":"https://24fps.dev/c/muda-inference-launch-video-00009","creator":"@deedydas","original_post":"https://x.com/deedydas/status/2102787937482252537","category":"Product promos","framework":"GSAP","aspect":"16:9","duration_s":26.1,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2102787906494668800/img/agrbxvHg24w3nJQD?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":true,"prompt_kind":"prompt","source":"creator-link","prompt_excerpt":"make a modern slick and punchy video for a modern startup that works on inference"},{"slug":"clearwater-real-time-shallow-water-and-interactive-ripples-00735","title":"Clearwater: real-time shallow water and interactive ripples","url":"https://24fps.dev/c/clearwater-real-time-shallow-water-and-interactive-ripples-00735","creator":"@Aurelien_Gz","original_post":"https://x.com/Aurelien_Gz/status/2102786378282987591","category":"3D scenes","framework":"WebGL shaders","aspect":"4:3","duration_s":26.9,"model":"Claude Opus 5.5 (creator-reported)","poster":null,"preview_mp4":null,"license":"MIT","has_prompt":true,"prompt_kind":"prompt","source":"open","prompt_excerpt":"claude opus 5.5 one shotted this incredible 3d water from a video reference.. almost 1:1"},{"slug":"dynasty-warriors-web-game-demo-00871","title":"Dynasty Warriors web game demo","url":"https://24fps.dev/c/dynasty-warriors-web-game-demo-00871","creator":"@BubuStd","original_post":"https://x.com/BubuStd/status/2102991290568954264","category":"3D scenes","framework":"Three.js","aspect":"16:9","duration_s":19.5,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2102990909264789504/img/eralXvvXggqlgEDv?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":false,"prompt_kind":null,"source":"creator-link","prompt_excerpt":null},{"slug":"talking-head-clip-turned-into-line-art-explainer-00773","title":"Talking-head clip turned into line-art explainer","url":"https://24fps.dev/c/talking-head-clip-turned-into-line-art-explainer-00773","creator":"@AxtonLiu","original_post":"https://x.com/AxtonLiu/status/2102827887732932956","category":"Explainers","framework":"Python","aspect":"9:16","duration_s":83.7,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2102827850864934912/img/gvpyuocSy0AV1hip?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":true,"prompt_kind":"prompt","source":"none","prompt_excerpt":"把 short-1.mp4 做成一条新的竖屏短片 short-1-v5.mp4：\n\n1. 我的人像缩小成右下角的圆形画中画，能看清我在讲话，不遮字幕。\n2. 主画面换成一段动画 B-roll，跟着我讲的内容走：我说到哪个概念，画面就画哪个概念。风格轻松有趣，线稿动画就可以，不要写实。\n3. 原声、原字幕、时长都不变。"},{"slug":"oktoberfest-00515","title":"《Oktoberfest》动画","url":"https://24fps.dev/c/oktoberfest-00515","creator":"@cherry_mx_reds","original_post":"https://x.com/cherry_mx_reds/status/2102493303388475855","category":"Film & music video","framework":null,"aspect":"16:9","duration_s":30.1,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2102493087381487616/img/CoCNR1WdNiQpyoe2?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":false,"prompt_kind":"post","source":"none","prompt_excerpt":"Opus 5.5 one-shot this animation in 14m and 48s\n\n\"Oktoberfest\" by Opus 5.5\n\nHow to do it below (extremely easy)  https://twitter.com/cherry_mx_reds/status/2102472218269900876"},{"slug":"sweet-tooth-00503","title":"Sweet Tooth","url":"https://24fps.dev/c/sweet-tooth-00503","creator":"@cherry_mx_reds","original_post":"https://x.com/cherry_mx_reds/status/2102472218269900876","category":"Kinetic type","framework":null,"aspect":"1:1","duration_s":30.1,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2102471444336611328/img/fChOztrV0vxnEi56?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":false,"prompt_kind":null,"source":"none","prompt_excerpt":null},{"slug":"twin-paradox-paper-cutout-animation-00677","title":"Twin paradox paper cutout animation","url":"https://24fps.dev/c/twin-paradox-paper-cutout-animation-00677","creator":"@masahirochaen","original_post":"https://x.com/masahirochaen/status/2102722719502704941","category":"Explainers","framework":"Canvas","aspect":"1:1","duration_s":46.5,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2102722648593891328/img/YvsAAc2t_7lVvCou?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":true,"prompt_kind":"prompt","source":"none","prompt_excerpt":"指示は参考ツイートのURL＋簡単な指示だけ"},{"slug":"battle-of-austerlitz-as-a-5-minute-film-01755","title":"Battle of Austerlitz as a 5-minute film","url":"https://24fps.dev/c/battle-of-austerlitz-as-a-5-minute-film-01755","creator":"@WinterArc2125","original_post":"https://x.com/WinterArc2125/status/2103116235009347650","category":"Explainers","framework":"WebGL shaders","aspect":"16:9","duration_s":301.3,"model":"Claude Opus 5.5 (creator-reported)","poster":"https://pbs.twimg.com/amplify_video_thumb/2103113452726140928/img/cjQI93QJwNev_gQ1?format=jpg&name=small","preview_mp4":null,"license":"© creator (link only)","has_prompt":true,"prompt_kind":"prompt","source":"creator-link","prompt_excerpt":"Create a 4–5 minute cinematic video about the Battle of Austerlitz (1805), built entirely in code.\n\nResearch the battle thoroughly and decide for yourself how to tell the story, structure the pacing, explain the strategy, and visualize the "}],"docs":"https://24fps.dev/agents"}