Loading video...

Video Failed to Load

Go Home

open-sourced new 25 HyperFrames carousel blocks added to the catalog made by our launch king @JakeFromHeyGen! install them all with $ npx hyperframes add carousel

Miguel07Code's profile picture

Miguel Ángel

3,172 subscribers

19,839 views • 14 days ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

7 Comments

Miguel Ángel's profile picture
Miguel Ángel14 days ago

yeah you can even modify the component's attributes like the speed of the carousel motion, enjoy :)

HeyNikhila's profile picture
HeyNikhila14 days ago

@HyperFrames_ @JakeFromHeyGen That's nice, love hyperframe

zan's profile picture
zan14 days ago

@HyperFrames_ @JakeFromHeyGen damn👀👀

Mrugesh Thesiya's profile picture
Mrugesh Thesiya13 days ago

@HyperFrames_ @JakeFromHeyGen Crazy 🤌🏻🤌🏻

Canberk SEZER's profile picture
Canberk SEZER13 days ago

@HyperFrames_ @JakeFromHeyGen Are there any other hyperframes templates like this carousels?

Miguel Ángel's profile picture
Miguel Ángel13 days ago

@HyperFrames_ @JakeFromHeyGen yep, explore the whole catalog, there are like +300 components:

Geoff Kwitko's profile picture
Geoff Kwitko14 days ago

@HyperFrames_ @JakeFromHeyGen Useful

Related Videos

the HyperFrames catalog offers +100 components/blocks that can be reused easily and installed locally with npx hyperframes add <component>!
0:24

the HyperFrames catalog offers +100 components/blocks that can be reused easily and installed locally with npx hyperframes add <component>!

Miguel Ángel

10,559 views • 2 months ago

Introducing 9 new code animations in HyperFrames Download them all with $ npx hyperframes add code
0:23

Introducing 9 new code animations in HyperFrames Download them all with $ npx hyperframes add code

Miguel Ángel

22,272 views • 3 months ago

We built our launch video in Claude Code using HyperFrames. Now it's yours. Open source, agent-native framework. HTML to MP4. $ npx skills add heygen-com/hyperframes RT + Comment "HyperFrames" to get the full source code of this launch video (must follow)
0:49

We built our launch video in Claude Code using HyperFrames. Now it's yours. Open source, agent-native framework. HTML to MP4. $ npx skills add heygen-com/hyperframes RT + Comment "HyperFrames" to get the full source code of this launch video (must follow)

HeyGen

3,007,438 views • 5 months ago

“Smart Captions” - the most expensive but basic feature in video apps So we open sourced 17 captions in HyperFrames Free. Fully customizable. One command to install. $ npx hyperframes add captions Plus local background removal — free, studio-grade Make your content POP!
0:43

“Smart Captions” - the most expensive but basic feature in video apps So we open sourced 17 captions in HyperFrames Free. Fully customizable. One command to install. $ npx hyperframes add captions Plus local background removal — free, studio-grade Make your content POP!

HeyGen

381,971 views • 4 months ago

Amazed by HTML-in-canvas demos? it's natively supported by HyperFrames and we built a catalog of effects anyone can use with one command $ npx hyperframes add html-in-canvas take your videos to the next level
0:26

Amazed by HTML-in-canvas demos? it's natively supported by HyperFrames and we built a catalog of effects anyone can use with one command $ npx hyperframes add html-in-canvas take your videos to the next level

HeyGen

504,156 views • 4 months ago

hey builders! showcasing your code & CLI w HyperFrames got 10x easier We open sourced accurate, pre-built UI components A Mac terminal. A VS Code window. Free. One command to install $ npx hyperframes add code Swap in your own code or commands and go
0:37

hey builders! showcasing your code & CLI w HyperFrames got 10x easier We open sourced accurate, pre-built UI components A Mac terminal. A VS Code window. Free. One command to install $ npx hyperframes add code Swap in your own code or commands and go

HeyGen

256,226 views • 3 months ago

Creating with HyperFrames just got faster Drag elements in the studio to fix placement instead of prompting We also built the full component catalog right into the studio. Browse and add $ npx hyperframes@latest preview Follow @hyperframes_ for updates
0:36

Creating with HyperFrames just got faster Drag elements in the studio to fix placement instead of prompting We also built the full component catalog right into the studio. Browse and add $ npx hyperframes@latest preview Follow @hyperframes_ for updates

HeyGen

284,467 views • 4 months ago

Video components will be as popular as UI components soon using the same shadcn registry. That's why we made our own Catalog of components for HyperFrames, where you can build on top of them to make your own videos. Explore, create and share your videos with npx hyperframes publish! Some of the best creations will be featured here!
0:28

Video components will be as popular as UI components soon using the same shadcn registry. That's why we made our own Catalog of components for HyperFrames, where you can build on top of them to make your own videos. Explore, create and share your videos with npx hyperframes publish! Some of the best creations will be featured here!

Miguel Ángel

18,283 views • 4 months ago

making websites w Claude Design? well we built hyperframes/website-to-hyperframes skill cuz websites are all just HTML + CSS + JS! and ofc, this launch video also made with hyperframes. comment "hyperframes" - i'll send you full codebase access for this video.
0:41

making websites w Claude Design? well we built hyperframes/website-to-hyperframes skill cuz websites are all just HTML + CSS + JS! and ofc, this launch video also made with hyperframes. comment "hyperframes" - i'll send you full codebase access for this video.

Bin Liu

43,198 views • 5 months ago

Keyframes, now open sourced in HyperFrames The system behind pro editing tools, rebuilt as code Comfortable for beginners, deep enough for after effects pros Plus your agent can now see its own motion and fix issues with one command npx hyperframes keyframes Get started ↓
0:46

Keyframes, now open sourced in HyperFrames The system behind pro editing tools, rebuilt as code Comfortable for beginners, deep enough for after effects pros Plus your agent can now see its own motion and fix issues with one command npx hyperframes keyframes Get started ↓

HeyGen

488,136 views • 2 months ago

Thank you all for the love and support on my open-sourced SwiftUI animations repo. The response has honestly surpassed my expectations. 🙌 Added a home carousel so you can install it on your device and play with it.
0:29

Thank you all for the love and support on my open-sourced SwiftUI animations repo. The response has honestly surpassed my expectations. 🙌 Added a home carousel so you can install it on your device and play with it.

Shubham Singh

102,617 views • 6 months ago

This week we're launching new skills for HyperFrames, each built around a workflow Today is pr-to-video Nobody reads pull requests. Now agents can turn them into a short explainer video npx skills add heygen-com/hyperframes New skill launching every day. Follow for more
0:31

This week we're launching new skills for HyperFrames, each built around a workflow Today is pr-to-video Nobody reads pull requests. Now agents can turn them into a short explainer video npx skills add heygen-com/hyperframes New skill launching every day. Follow for more

HeyGen

39,040 views • 3 months ago

partnering with Claude - we want to allow your work to speak for themselves we tuned the HyperFrames MCP agent to specialize at making explainer videos documents get skimmed, video gets across. should we open source this launch video? made with hyperframes ofc.
0:54

partnering with Claude - we want to allow your work to speak for themselves we tuned the HyperFrames MCP agent to specialize at making explainer videos documents get skimmed, video gets across. should we open source this launch video? made with hyperframes ofc.

Bin Liu

49,822 views • 3 months ago

[1/8] 🧵this thread showcases how builders use HyperFrames launch faster, reach their users, tell their stories first - montage of our last 15 launch videos, all made with hyperframes 🫡 next - Matt Van Horn and Trevin Chow cooking at Printing Press (150+ CLIs and counting)
0:35

[1/8] 🧵this thread showcases how builders use HyperFrames launch faster, reach their users, tell their stories first - montage of our last 15 launch videos, all made with hyperframes 🫡 next - Matt Van Horn and Trevin Chow cooking at Printing Press (150+ CLIs and counting)

Bin Liu

22,604 views • 4 months ago

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev
0:27

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev

Jakub Antalik

61,489 views • 3 months ago

"I've spent $30K on a launch video, now you can make one with code." Here's my new episode with Bin Liu and Jake Moran, where they shared their 5-step playbook for using HyperFrames to make professional launch videos in Codex and Claude Code: 1. Gather video assets and create a frame.md 2. Create a storyboard.md with the scenes 3. Pull animations from the HyperFrames repo 4. Generate and review static frames 5. Build the video with HyperFrames Studio You can also start simple by using the built-in /website-to-video skill to one shot a launch video from any URL. HyperFrames is 100% free and I love how it democratizes video creation for everyone. 📌 Watch now: Thanks to our sponsors: Wispr Flow: 4x faster than typing with your voice Riverside: All-in-one AI studio for podcasts and video
0:43

"I've spent $30K on a launch video, now you can make one with code." Here's my new episode with Bin Liu and Jake Moran, where they shared their 5-step playbook for using HyperFrames to make professional launch videos in Codex and Claude Code: 1. Gather video assets and create a frame.md 2. Create a storyboard.md with the scenes 3. Pull animations from the HyperFrames repo 4. Generate and review static frames 5. Build the video with HyperFrames Studio You can also start simple by using the built-in /website-to-video skill to one shot a launch video from any URL. HyperFrames is 100% free and I love how it democratizes video creation for everyone. 📌 Watch now: Thanks to our sponsors: Wispr Flow: 4x faster than typing with your voice Riverside: All-in-one AI studio for podcasts and video

Peter Yang

70,122 views • 3 months ago

we often get asked, how to uplevel my HyperFrames video so we open sourced 10 frame.md templates: i gave all 10 of them to Codex and made this showcase video we also have a free tool for creating a frame.md from your design.md 🎨 link in thread
0:38

we often get asked, how to uplevel my HyperFrames video so we open sourced 10 frame.md templates: i gave all 10 of them to Codex and made this showcase video we also have a free tool for creating a frame.md from your design.md 🎨 link in thread

Bin Liu

118,105 views • 3 months ago

we were legit amazed by GPT-live-1 and when we combined it with HyperFrames and LiveAvatar - and it's magical here's a demo of a real-time poker coach: - all cards & ui fully generated on the fly w hyperframes - GPT-live is the brain and voice - live avatar makes it all come to life and we open sourced everything, so anyone can build on top (and yes, the repo is agent-friendly)
0:30

we were legit amazed by GPT-live-1 and when we combined it with HyperFrames and LiveAvatar - and it's magical here's a demo of a real-time poker coach: - all cards & ui fully generated on the fly w hyperframes - GPT-live is the brain and voice - live avatar makes it all come to life and we open sourced everything, so anyone can build on top (and yes, the repo is agent-friendly)

Bin Liu

85,298 views • 15 days ago

Marketing Skills v1.9.0 is out. What shipped: 🆕 /image — AI image generation for marketing. Gemini, Flux, Ideogram, DALL-E, Midjourney. Blog heroes, social graphics, product mockups, and optimization workflows. 🆕 /video — AI video production. Hyperframes & Remotion pipelines, HeyGen & Synthesia avatars, Veo, Runway, Kling, Pika generation. Editing, repurposing, and distribution. Enhanced skills: • /social-content — short-form video section (TikTok, Reels, Shorts frameworks with hooks and scripting) • HeyGen integration — API setup, MCP server, avatar workflows • Hyperframes integration — HTML/CSS programmatic video rendering 📹 This launch video was made with Hyperframes! Also: plugin marketplace fix, phishing URL removal. Now shipping 40 skills and 52 tool integrations. Free, open source. npx skills add coreyhaines31/marketingskills
0:30

Marketing Skills v1.9.0 is out. What shipped: 🆕 /image — AI image generation for marketing. Gemini, Flux, Ideogram, DALL-E, Midjourney. Blog heroes, social graphics, product mockups, and optimization workflows. 🆕 /video — AI video production. Hyperframes & Remotion pipelines, HeyGen & Synthesia avatars, Veo, Runway, Kling, Pika generation. Editing, repurposing, and distribution. Enhanced skills: • /social-content — short-form video section (TikTok, Reels, Shorts frameworks with hooks and scripting) • HeyGen integration — API setup, MCP server, avatar workflows • Hyperframes integration — HTML/CSS programmatic video rendering 📹 This launch video was made with Hyperframes! Also: plugin marketplace fix, phishing URL removal. Now shipping 40 skills and 52 tool integrations. Free, open source. npx skills add coreyhaines31/marketingskills

Corey Haines

82,441 views • 5 months ago

Real-time AI experiences are now solved AND open sourced. We worked closely with OpenAI to build the best framework for it, combining GPT-Live-1, LiveAvatar, and HyperFrames Check out the demos below and show us what you build with it.
3:34

Real-time AI experiences are now solved AND open sourced. We worked closely with OpenAI to build the best framework for it, combining GPT-Live-1, LiveAvatar, and HyperFrames Check out the demos below and show us what you build with it.

HeyGen

794,029 views • 15 days ago