Loading video...

Video Failed to Load

Go Home

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

Miguel07Code's profile picture

Miguel Ángel

2,482 subscribers

10,559 views • 13 days ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

283,084 views • 2 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,018 views • 3 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

501,788 views • 3 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

255,628 views • 2 months ago

Figma -> HyperFrames Designers can now ship launch videos straight from mocks Just copy the link, hand it to your agent, then invoke /figma Every hex, every font, every frame is exactly your design $ npx hyperframes@latest skills
1:04

Figma -> HyperFrames Designers can now ship launch videos straight from mocks Just copy the link, hand it to your agent, then invoke /figma Every hex, every font, every frame is exactly your design $ npx hyperframes@latest skills

HeyGen

1,128,950 views • 1 month 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

486,664 views • 1 month ago

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.
1:01

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.

Michael Magán

65,473 views • 1 year ago

Introducing companion mode The difference between ordering a video and directing one Now your agent can pitch five angles, check in with a storyboard, then sketch frames to review You steer every step and only build when approved $ npx hyperframes@latest skills
1:12

Introducing companion mode The difference between ordering a video and directing one Now your agent can pitch five angles, check in with a storyboard, then sketch frames to review You steer every step and only build when approved $ npx hyperframes@latest skills

HeyGen

963,673 views • 18 days ago

Rhythm is one of the most important parts of video so we built a skill that builds the video around your music, not the other way around install it, give it a song, ask for a video it reads the beat and builds everything around it npx skills add heygen-com/hyperframes
1:30

Rhythm is one of the most important parts of video so we built a skill that builds the video around your music, not the other way around install it, give it a song, ask for a video it reads the beat and builds everything around it npx skills add heygen-com/hyperframes

HeyGen

802,553 views • 1 month ago

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic
0:27

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic

Sid

63,527 views • 2 years ago

Announcing - the open standard for Agent Companies Import and run entire companies with a single command Just run `npx add <repo/company>` More 👇
0:36

Announcing - the open standard for Agent Companies Import and run entire companies with a single command Just run `npx add <repo/company>` More 👇

dotta 📎

285,311 views • 4 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

68,646 views • 1 month 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,208 views • 3 months ago

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!
1:08

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!

Supabase

125,241 views • 1 year ago

Now that Laravel ships with shadcn/ui, we can use the cli to add components, pages, themes from remote registries. Need a Products page for your dashboard? One command adds the page, component and all dependencies to your codebase.
0:56

Now that Laravel ships with shadcn/ui, we can use the cli to add components, pages, themes from remote registries. Need a Products page for your dashboard? One command adds the page, component and all dependencies to your codebase.

shadcn

52,962 views • 1 year ago

The add-ons catalog is growing, which means many more ways to change your game, your way! Easily modify your worlds with custom blocks, items, mobs, recipes, and other content. Try them out today and add more cuteness, comedy or chaos to your game. Learn more: #Minecraft15
0:46

The add-ons catalog is growing, which means many more ways to change your game, your way! Easily modify your worlds with custom blocks, items, mobs, recipes, and other content. Try them out today and add more cuteness, comedy or chaos to your game. Learn more: #Minecraft15

Minecraft

731,713 views • 2 years ago

This video is all code built by chatting with OpenAI Codex This is why we built HyperFrames anything on the web can be turned into a video, even webGPU code Thanks to snowflow_demo
0:21

This video is all code built by chatting with OpenAI Codex This is why we built HyperFrames anything on the web can be turned into a video, even webGPU code Thanks to snowflow_demo

James Russo

29,641 views • 9 days ago

A home description and property walkthrough can become a fully produced real estate showcase for online buyers with Avatar V and HyperFrames We put together a full breakdown of the workflow and iteration process below ↓
0:49

A home description and property walkthrough can become a fully produced real estate showcase for online buyers with Avatar V and HyperFrames We put together a full breakdown of the workflow and iteration process below ↓

HeyGen

18,512 views • 2 months ago

Editing video used to mean timelines, keyframes, and constant back and forth HyperFrames removes that You write the video in HTML, preview it instantly, and render it locally • A URL becomes a video • A PDF becomes a walkthrough • Footage becomes something branded This is a different way to make video
2:10

Editing video used to mean timelines, keyframes, and constant back and forth HyperFrames removes that You write the video in HTML, preview it instantly, and render it locally • A URL becomes a video • A PDF becomes a walkthrough • Footage becomes something branded This is a different way to make video

HeyGen

29,002 views • 3 months ago