✦ Studio pick
Halden Solace · 16:9
Rendered by this Skill
Gallery Tunnel v1.0.0
A flight down an endless corridor whose walls, floor and ceiling are tiled with your product photos and brand colours.
No ratings yet 0 downloads
- Format
- Video · 16:9
- Length
- 0:12
Free Free with an account
Paste this into your agent. It connects the CLI if needed, then installs the Skill.
A free HyperFrames block that turns a handful of photos into a 12-second 3D flythrough. A square tunnel recedes to a vanishing point; its panels are filled with your images and colour blocks from your palette, and the camera flies down it through soft fog. Images, the image-to-colour mix, palette, speed, grid, fog and edge lines are variables.
Updated Nov 3, 2026
What you get
- A 12-second 1920×1080 MP4 flythrough
- Your photos and brand colours tiled through a 3D corridor
- Variables for images, mix, palette, speed, grid and fog
Good fit
- Collection and lookbook teasers
- Portfolio and product-range reels
- Backgrounds and transitions in longer edits
Not for
- Showing one photo large and still
- Text-heavy messages
About this Skill
You say
/gallery-tunnel Make a gallery tunnel with our four Halden Solace photos (the studio shot, the knit and sole close-ups and the street shot), mostly images, palette orange, off-white, charcoal and sand, black backdrop.
Got a few great product photos and nothing that moves? Gallery Tunnel puts them on the walls of an endless 3D corridor and flies the camera through it. Colour panels from your palette fill the gaps, so four photos are enough for a rich, rhythmic shot.
How it works
- Ask: tell your agent the photos to use, your brand colours and how fast the flight should feel.
- 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
- Four to ten photos with different crops (full product, details, lifestyle) give the best rhythm.
- Set the image mix high for a photo-led shot, low for a graphic one.
- Pick a palette of three or four brand colours.
- Use it as a transition or a background behind a title.
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
- A few product or brand photos and three or four 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
How many photos do I need?
One works; four to ten looks best. Photos are dealt to the panels in a fixed pattern, so the render is the same every time.
Can I add a title on top?
The block is the tunnel only. Your agent can place it under a title in a HyperFrames project, or you can add text in your editor.
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, Halden Solace.
