HomeProjectsArticlesPK BoardAbout
Explore Projects

Hyperframes

Active
GitHub TypeScript Apache-2.0

Description

Write HTML. Render video. Built for agents. An open-source tool from HeyGen that turns HTML templates into video content.

Key Features

  • HTML to video rendering — deterministically renders HTML/CSS/JS templates into MP4 videos
  • AI Agent integration — provides Skills for Claude Code, Cursor and other coding agents to generate videos directly
  • Searchable animation support — integrates GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI animation libraries
  • Frame.md design system — converts web design specs into video-format design system descriptions
  • CLI preview and render — supports local live reload preview and one-click MP4 rendering
  • data-attribute driven timing — controls video frame timing and multi-track composition via HTML data attributes

Use Cases

💡 Enable AI agents to auto-generate product launch videos from HTML templates
💡 Batch produce social media short videos using code-driven approaches
💡 Render animated data visualizations into shareable video files
💡 Auto-generate narrated video explainers from documents or PDFs
💡 Build reusable motion graphics templates for automated content pipelines

Strengths & Limitations

✅ Strengths

  • • Actively maintained, recent updates
  • • High community interest (43.7k stars)
  • • Permissive open-source license (Apache-2.0)
  • • Responsive to issues, low backlog

Tags

typescript agent automation tools web

Categories

🔄 Workflow

Quick Start

npx hyperframes init my-video
cd my-video
npx hyperframes preview
npx hyperframes render
Visit GitHub

Related Projects

AI Website Cloner

33.7k · JavaScript
Active A

Clone any website with one command using AI coding agents. Built with Next.js, React, and shadcn-ui with web scraping and automated code generation.

typescriptagentcoding +3
  • · Clone any website with one command — auto-screenshots, extracts design tokens, generates component specs, and builds a Next.js codebase
  • · Multi-phase pipeline: Recon → Foundation → Component Specs → Parallel Build → Assembly & QA for structured engineering workflow
  • · Supports 13 AI coding agents including Claude Code, Codex CLI, Cursor, Copilot, and more
View full details → View on GitHub

Budibase

28.3k · TypeScript
Active A

An open-source low-code platform for building AI agents, automations and business applications, model agnostic with drag-and-drop visual development.

workflowtypescriptagent +2
  • · AI Agent builder — Built-in agent engine that understands natural language requests and executes workflows
  • · Drag-and-drop low-code development — Visual business app builder requiring no code
  • · Multi-source integration — Connect databases, AI models, and business apps for cross-system agent actions
View full details → View on GitHub

Open Deep Research

6.3k · TypeScript
Stale C

An open-source deep research clone. AI Agent that reasons large amounts of web data extracted with Firecrawl.

typescriptagentrag +2
  • · Firecrawl-powered search and extract: feed real-time web data to AI models for deep research
  • · Reasoning model support: configurable reasoning models including OpenAI o1/o3-mini and DeepSeek R1 for structured analysis
  • · Next.js App Router with React Server Components for high-performance server-side rendering
View full details → View on GitHub