1heygen-com / hyperframes
Write HTML. Render video. Built for agents.
Ranked by Attention Score: stars gained over the last 7 complete days
98 repositories by Attention Score · Oct 27, 2026 – Nov 2, 2026 (UTC)
Write HTML. Render video. Built for agents.
A toolbox of film styles made in code for Claude Code: 66 ready to use, and your own. Each style is a style prompt plus a demo film made entirely in code by Claude Opus 5.5, with no video model. By Lemomo. · 一套用代码做片的风格工具箱:66 种现成风格,也能做出你自己的
Motion capture for any creature from one AI video: two cameras in one frame, a DINOv2 joint reader, the rig fitted in both views, a GLB out.
MotionGit 模板合集 · 技术资料、素材要求、GitHub 地址与完整 Demo 视频。
Motion films that never cut to the next slide: every beat grows out of the one before, one continuous camera, continuity measured by an oracle. Product launch films and feature demos, made with a coding agent.
JavaScript animation engine
Procedural animation in any style for Claude Code: short single-file canvas videos with story, look and storyboard check-ins. 7 built-in styles or one matched from your references, your own music (beat-mapped), real product screenshots, every format from one piece.
Free, open-source stick figure animation app for Windows, Linux and the browser. Opens Pivot and Stick Nodes projects.
让你的agent一键直出商业级产品宣传片:会作曲,能指着画面改。Commercial-grade launch films by your coding agent — point at the frame to change it.
:fireworks:Interactive Online Platform that Visualizes Algorithms from Code
Animation engine for explanatory math videos
Isometric line figures that answer the pointer. For React and for anything with a DOM.
Open source previs software in the browser: block a scene, pose characters, author camera moves and cuts, then take the same shots to an AI video model.
GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
Play a finished motion-graphics ad in sync with the rough drafts it grew from, and export the breakdown as MP4.
Official mirror of Blender
A modern animation library for React and JavaScript
Animated sprite editor & pixel art tool (Windows, macOS, Linux)
🇨🇭 A React renderer for Three.js
UI for AI agents. React components for what agents do – agent trees, tool calls, traces, handoffs and approvals – and for the rest of your app. One file each, install with shadcn or via MCP. Free and open source.
Visualize Your Ideas With Code
Show it a video you love. Get a new video in the same style. An AI crew (Claude Code or Codex) plans, builds and reviews it with you.
AI motion graphics for YouTube explainer videos: 74 animated HTML explainer boards (charts, diagrams, Venn, timeline, heatmap) synced to your voice with Whisper, exported frame by frame with Chrome + FFmpeg. Every prompt + Claude skills. By TEIN AI.
Art and animation, written as code. Illustrations, loops, interactive web art, launch-videos and scored films in dozens of styles, identical on every render.
An AI skill that turns books into animated, narrated, interactive web experiences
13 Claude Code skills for launch-grade motion graphics. Every frame is code. No After Effects, no video generator.
Any icon morphs into any other — universal morphing for stroke-based icons with spring physics. Zero dependencies, ~7 KB gzip.
Community-built comprehensive 2D content creation appplication for graphic design, digital art, and interactive real-time motion graphics powered by a node-based procedural graphics engine
AssetFurnace: the most complete open-source image-to-3D pipeline (Oct 2026). Prompt or picture → textured, rigged, animated game character, locally on Apple Silicon or NVIDIA. Pixal3D, TRELLIS.2, Hunyuan3D, SF3D, auto-rig and 21 moves. For indie game devs and 3D artists. Free, Apache-2.0.
Unleash your creativity with Pixelorama, a powerful and accessible open-source pixel art multitool. Whether you want to create sprites, tiles, animations, or just express yourself in the language of pixel art, this software will realize your pixel-perfect dreams with a vast toolbox of features. Available on Windows, Linux, macOS and the Web!
Animated ascii art for web pages, in TypeScript: React, Next.js, Astro, or one HTML tag
Rebuild a reference video as an editable HyperFrames project, compare the match against the original, and export an MP4.
Skills for coding agents: rebuild a motion design video as looping SVG + GSAP code, checked frame by frame against the source
Turn a scene prompt into a shot sheet, then have a coding agent draw the film in HTML. No video model.
用代码逐帧做视频:HTML / Canvas 动画 → MP4 / GIF / 透明层 · Deterministic HTML-to-MP4 renderer: seek to t, screenshot, encode. No framework, no build step, no GPU.
micro-interactions for react, built for the half-second after a click
Python sample codes and textbook for robotics algorithms.
Video editing with Python
734 animated ASCII art pieces for web pages, READMEs, wallpapers and terminals. Browse them in your terminal with npx ascii-magic-art and add one to your project in one prompt.
Hand-drawn and pixel-art explainer videos written entirely in code — Remotion + React + SVG, procedural music & SFX, subtitle-driven timing
Motion design editor for the web
🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
Open 3D Engine (O3DE) is an Apache 2.0-licensed multi-platform 3D engine that enables developers and content creators to build AAA games, cinema-quality 3D worlds, and high-fidelity simulations without any fees or commercial obligations.
⚡ Dynamically generated, customizable SVG that gives the appearance of typing and deleting text for use on your profile page, repositories, or website.
The motion graphics toolbelt for the web
Konva.js is an HTML5 Canvas JavaScript framework for interactive graphics, design editors, whiteboards, and diagrams. Scene graph with events, drag and drop, transforms, animations, and export.
A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.
The lightweight library for manipulating and animating SVG
A renderer agnostic two-dimensional drawing api for the web
React Native's Animated library reimplemented
A production-ready C++ vector graphics engine supporting SVG and Lottie formats, featuring advanced rendering backends such as WebGPU for high-performance graphics.
🎉 performant confetti animation in the browser
An animated number component for React, Vue, Svelte, and TS/JS.
📊 The concise and progressive visualization grammar.
An iOS library to natively render After Effects vector animations
🌠 Neovim plugin to animate the cursor with a smear effect in all terminals
Resources for inspiration, lists of software, libraries and other stuff related to Motion UI design, animations and transitions.
Render After Effects animations natively on Android and iOS, Web, and React Native
Elegant transition library for iOS & tvOS
Quickly browse the history of a file from any git repository
Image Cropping Library for Android
✨ PTerm is a modern Go module to easily beautify console output. Featuring charts, progressbars, tables, trees, text input, select menus and much more 🚀 It's completely configurable and 100% cross-platform compatible.
Horizon - Simple visual equaliser for Android
Library for animated data visualizations and data stories.
Godot Editor plugin to help import Aseprite animations to AnimationPlayers, AnimatedSprites and SpriteFrames.
Futuristic Luau for every universe.
A tabbar with a number of preset animations written in pure SwiftUI
Universal raster graphics and animations importers pack
Demonstrate all the questions on LeetCode in the form of animation.(用动画的形式呈现解LeetCode题目的思路,完整单步/回看/变速/语音讲解在 algomooc.com)
☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting
Cute view animation collection.
A UI/UX framework for creating beautiful applications.
A menu which can ... BOOM! - Android
Physics-based animations for iOS, tvOS, and macOS.
:balloon: Modernized and sophisticated tooltips, fully customizable with an arrow and animations for Compose and Kotlin Multiplatform.
🎨 Gradient animation effect like Instagram
A fantastic Physical animation library for swift
↕️ VegaScroll is a lightweight animation flowlayout for UICollectionView completely written in Swift 4, compatible with iOS 11 and Xcode 9.
Our Guillotine Menu Transitioning Animation implemented in Swift reminds a bit of a notorious killing machine.
Animated side menu with customizable UI
Android Animation Easing Functions. Let's make animation more real!
Your fast and friendly physics-based animation system.
A package provides an easy way to add shimmer effect in Flutter project
Pencil2D is an easy, intuitive tool to make 2D hand-drawn animations. Pencil2D is open source and cross-platform.
cubic-bezier implementation for your JavaScript animation easings – MIT License
🔔 A flutter package to create cool and beautiful text animations. [Flutter Favorite Package]
Tweak your iOS app without recompiling!
macSVG - An open-source macOS app for designing HTML5 SVG (Scalable Vector Graphics) art and animation with a WebKit web view ➤➤➤
An iOS drop down menu with pretty animation and easy to customize.
Animated, customizable, and flexible pull-to-refresh framework for faster and easier iOS development.
Custom transition between controllers. Settings controller for your iOS app.
Library for interactive videos in React
3D tilt with a dynamic shadow, like widget previews in iOS. UIKit and SwiftUI.
Making Animation Simple
Small C++ header to display async animations, counters, progress bars, and status messages
:green_heart: A minimal Love2D animation library
This React-based web application is designed to convert Lottie JSON animations into HTML graphic templates.
Matrix Animation. Easily create highly customizable JavaScript Matrix effects and use them as animated backgrounds for your website.