正在加载视频...

视频加载失败

返回首页

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 次观看 • 14 天前 •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

7 条评论

Miguel Ángel 的头像
Miguel Ángel14 天前

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

HeyNikhila 的头像
HeyNikhila14 天前

@HyperFrames_ @JakeFromHeyGen That's nice, love hyperframe

zan 的头像
zan14 天前

@HyperFrames_ @JakeFromHeyGen damn👀👀

Mrugesh Thesiya 的头像
Mrugesh Thesiya13 天前

@HyperFrames_ @JakeFromHeyGen Crazy 🤌🏻🤌🏻

Canberk SEZER 的头像
Canberk SEZER14 天前

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

Miguel Ángel 的头像
Miguel Ángel14 天前

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

Geoff Kwitko 的头像
Geoff Kwitko14 天前

@HyperFrames_ @JakeFromHeyGen Useful

相关视频

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 次观看 • 2 个月前

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 次观看 • 3 个月前

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 次观看 • 5 个月前

“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 次观看 • 4 个月前

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 次观看 • 4 个月前

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 次观看 • 3 个月前

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 次观看 • 4 个月前

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 次观看 • 4 个月前

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 次观看 • 5 个月前

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 次观看 • 2 个月前

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 次观看 • 6 个月前

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 次观看 • 3 个月前

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 次观看 • 3 个月前

[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 次观看 • 4 个月前

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 次观看 • 3 个月前

"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 次观看 • 3 个月前

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 次观看 • 3 个月前

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 次观看 • 15 天前

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 次观看 • 5 个月前

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 次观看 • 16 天前