Skip to content

About

Source-linked Claude Opus 5.5 creative coding videos and interactive scenes, curated by BeatAPI.

Topics

Resources

Contributing

Stars

6 stars

Watchers

0 watching

Forks

Latest commit

 

History

6 Commits

Folders and files

Repository files navigation

Awesome Opus 5.5 Videos — source-linked creative coding cases by BeatAPI

Awesome Opus 5.5 Videos

Creative coding videos and interactive scenes associated with Claude Opus 5.5, curated by BeatAPI.

What “video” means here: An agent writes HTML, Canvas, SVG, Three.js, or similar code. The browser renders an animation or interactive scene, which a creator may record as a video. Claude Opus 5.5 is not being presented as a native text-to-video model.

Browse the BeatAPI gallery · Claude Opus 5.5 API · 中文说明 · Contribute a case

Case gallery

These 20 entries are source-listed leads from yihui-dev/awesome-opus5-5-videos, captured at revision 1c09219. BeatAPI has not independently reproduced the works or verified every model claim in the original posts. The structured catalogue is in cases/catalog.json.

Browse by format: Motion graphics · Explainers · 3D scenes · Games & interactive.

Click a preview to watch the original and Skillry remake side by side. The 18 source-matched preview links are hosted by Skillry and may show its remake; the creator post is linked separately and remains the primary source. Two cases without a matching preview link directly to their original posts. This repository does not host third-party videos, thumbnails, or prompt text.

Motion graphics (5)

1. Music led progress montage

External video preview: Music led progress montage

A motion piece built around a supplied song and reference clip, with Canvas and image assets.

Watch video

Source: @anabology · canvas / ai-image · External Skillry watch page; may include a remake

Prompt at source: View upstream file


2. SaaS launch sequence

External video preview: SaaS launch sequence

A product launch video concept assembled with SVG and GSAP transitions.

Watch video

Source: @moritzkremb · svg / gsap · External Skillry watch page; may include a remake

Prompt at source: View upstream file


3. Website motion showreel

External video preview: Website motion showreel

A short portfolio style motion piece based on a website and animated with Canvas, SVG, and GSAP.

Watch video

Source: @melvynx · canvas / svg / gsap · External Skillry watch page; may include a remake

Prompt at source: View upstream file


4. Morphing UI states

No matching video preview is available; watch the creator’s original post.

A shape changes through multiple interface states, showing how SVG motion can connect product moments.

Watch original post

Source: @twoclipping · svg

Prompt at source: View upstream file


5. Motion designer showreel

No matching video preview is available; watch the creator’s original post.

A fifteen second brief asking for a striking animated design portfolio piece.

Watch original post

Source: @ajith_io · canvas

Prompt at source: View upstream file


Explainers (5)

6. Infinite zoom collage

External video preview: Infinite zoom collage

A looping zoom through connected landscapes and vintage objects, with layered imagery and sound.

Watch video

Source: @koldo2k · canvas / ai-image · External Skillry watch page; may include a remake

Prompt at source: View upstream file


7. Animated recipe explainer

External video preview: Animated recipe explainer

A cooking recipe is translated into a JavaScript or HTML motion graphic.

Watch video

Source: @Ror_Fly · canvas · External Skillry watch page; may include a remake

Prompt at source: View upstream file


8. Inference startup explainer

External video preview: Inference startup explainer

A concise animated product story for an inference startup, using SVG and GSAP.

Watch video

Source: @deedydas · svg / gsap · External Skillry watch page; may include a remake

Prompt at source: View upstream file


9. Product UI story

External video preview: Product UI story

An input driven product walkthrough built from real interface states and brand assets.

Watch video

Source: @verbove · canvas · External Skillry watch page; may include a remake

Prompt at source: View upstream file


10. Derivative lesson animation

External video preview: Derivative lesson animation

A Chinese language teaching brief for an accessible visual explanation of derivatives.

Watch video

Source: @LinearUncle · svg / audio · External Skillry watch page; may include a remake

Prompt at source: View upstream file


3D scenes (5)

11. 3D motion portfolio

External video preview: 3D motion portfolio

A motion design showreel concept using a Three.js and Canvas based scene.

Watch video

Source: @Dannnnnok · threejs / canvas · External Skillry watch page; may include a remake

Prompt at source: View upstream file


12. Badge unlock motion

External video preview: Badge unlock motion

A Figma design becomes an animated badge unlock screen while preserving its original assets and layout.

Watch video

Source: @BThreeAgency · canvas / svg / css · External Skillry watch page; may include a remake

Prompt at source: View upstream file


13. Historic city reconstruction

External video preview: Historic city reconstruction

A browser era brief to recreate a 1906 San Francisco street scene in three dimensions.

Watch video

Source: @alexalbert__ · threejs / shader / canvas · External Skillry watch page; may include a remake

Prompt at source: View upstream file


14. Sand animation timeline

External video preview: Sand animation timeline

A long form sand animation concept for presenting a historical timeline.

Watch video

Source: @Michaelzsguo · shader / canvas · External Skillry watch page; may include a remake

Prompt at source: View upstream file


15. Shader driven showreel

External video preview: Shader driven showreel

A high energy motion portfolio concept combining Three.js, shader effects, Canvas, and SVG.

Watch video

Source: @lukasersil · threejs / shader / canvas / svg · External Skillry watch page; may include a remake

Prompt at source: View upstream file


Games & interactive (5)

16. Painting world exploration

External video preview: Painting world exploration

An explorable 3D game concept set within a painted night landscape.

Watch video

Source: @MandelDuck · threejs / shader / canvas · External Skillry watch page; may include a remake

Prompt at source: View upstream file


17. 1990s demoscene

External video preview: 1990s demoscene

An interactive graphics demo brief driven by a music track and shader effects.

Watch video

Source: @gandamu_ml · threejs / shader / canvas / audio · External Skillry watch page; may include a remake

Prompt at source: View upstream file


18. Pixel wizard in one HTML file

External video preview: Pixel wizard in one HTML file

A self contained Canvas scene featuring an animated pixel art wizard.

Watch video

Source: @zacxbt · canvas / pixel / playable · External Skillry watch page; may include a remake

Prompt at source: View upstream file


19. Explore a 3D world

External video preview: Explore a 3D world

A freely navigable browser world focused on original landscape and architecture.

Watch video

Source: @LexnLin · threejs / shader · External Skillry watch page; may include a remake

Prompt at source: View upstream file


20. Pixel card game

External video preview: Pixel card game

A playable one on one card game concept with pixel art presentation.

Watch video

Source: @aisongman · canvas / pixel / playable · External Skillry watch page; may include a remake

Prompt at source: View upstream file


Browse and filter all cases on BeatAPI →

Evidence labels

  • source-listed: The upstream collection lists the case; original post has not yet been independently checked by BeatAPI.
  • source-checked: BeatAPI has checked the creator post, claimed model, prompt location, and output.
  • reproduced: BeatAPI has run a documented reproduction with rights-cleared inputs.

Current entries are all source-listed. A link to a prompt is not permission to republish it. The catalog is a discovery and research resource; follow the original author for authoritative context.

Add a case

See CONTRIBUTING.md. New cases need the original creator post, clear model attribution, a useful description of the creative coding approach, and explicit rights for any prompt text or media hosted here. Corrections and takedown requests are welcome through an issue or support@beatapi.io.

Rights

BeatAPI-authored summaries and documentation are CC BY 4.0. Validation code is MIT. Third-party posts, prompts, names, media, and linked pages retain their owners' rights; this repository does not relicense them. See LICENSE.md.

About

Source-linked Claude Opus 5.5 creative coding videos and interactive scenes, curated by BeatAPI.

Topics

Resources

Contributing

Stars

6 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages