Free
Solenne · 16:9
Rendered by this Skill
3D Laptop Desktop v1.0.0
A 3D laptop opens onto a liquid-glass desktop: menu bar, widgets, a file window, a notification and a dock, all editable.
No ratings yet 0 downloads
- Format
- Video · 16:9
- Length
- 0:15
Free Free with an account
Paste this into your agent. It connects the CLI if needed, then installs the Skill.
A free HyperFrames block for 15 seconds of 3D laptop b-roll. A 3D laptop sits on a desk under a shader light; its screen shows a liquid-glass desktop with a menu bar, calendar, weather and now-playing widgets, a file window, a notification and a dock, animating in turn. All screen content is HTML you can edit.
Updated Nov 4, 2026
What you get
- A 15-second 1920×1080 MP4 with a 3D laptop
- A liquid-glass desktop with widgets, a window, a notification and a dock
- Editable HTML for the whole screen
Good fit
- SaaS and desktop app launches
- Website and landing page heroes
- Keynote b-roll
Not for
- A real screen recording of your app
- Vertical-only formats
About this Skill
You say
/macos-tahoe-liquid-glass Make a 3D laptop desktop for Solenne: a Solenne window with Scenes, Rooms and Plans, a notification "Evening wind-down starts at 16:14", and neutral dock icons.
Software looks real on real hardware. 3D Laptop Desktop puts a full liquid-glass desktop on a 3D laptop (widgets, a window, a notification, a dock) so your product can appear in a polished setting for launch films and landing pages.
How it works
- Ask: tell your agent the window title and items, the widget content, the notification and the dock icons.
- Fill: it writes your copy and colours into the block's variables, keeping text close to the length the layout was made for.
- Render: it renders a draft with
npx hyperframes render, checks a few frames and renders the final MP4. - Reuse: the variables live in one small JSON file, so the next version is one more render.
Tips
- Replace the default dock icons with your own or neutral ones; our sample does.
- Name the window after your product.
- Keep the notification to one line.
- It has no variables: your agent edits the text directly in the HTML, following the SKILL.md.
Open source
This is a block from the HyperFrames registry, made by HeyGen and the HyperFrames contributors (heygen-com/hyperframes) and shared under the Apache License 2.0. The download is the block with its assets and a SKILL.md written by Reelity, so your agent knows how to fill and render it; HyperFrames itself runs from npm.
What you need before you start
- You bring
- The window, widget and notification text you want, and your colours.
- Dependencies
- Node.js 22 or newer — required · FFmpeg — required
- Outside costs
- None. HyperFrames is free and open source and renders on your own machine.
- Last tested
- v1.0.0 —
User reviews
No reviews yet. Install the Skill and be the first to rate it.
FAQ
Does it ship with real app icons?
The original includes icons of well-known apps in the dock as placeholders. Replace them; our sample uses neutral generated icons.
Can I change the wallpaper?
Yes. The wallpaper is an image in the HTML.
Why is it free?
It is an open-source HyperFrames block by HeyGen and the HyperFrames contributors. We list it as it is, with a SKILL.md so your agent can use it and a sample made with one of our house brands, Solenne.
