Sneaker carousel is coded step by step in a vertical tutorial
170 views·1 saves·Posted 28 Sept 2026 · 0:25 · Explainers
Our note
A vertical code explainer for codocular.com that types carousel.js line by line beside a live result, showing a sneaker carousel that moves its text and snaps faster on quick swipes; made from one generated prompt with HyperFrames.
The creator’s post
Just tested Claude Opus 5.5 with Hyperframes. One prompt (also generated), the result is ok. Not crazy, but with a few more indications and a clear direction, it would probably get much nicer. The video below is actually a screen record.
The prompt
Just tested Claude Opus 5.5 with Hyperframes. One prompt (also generated), the result is ok. Not crazy, but with a few more indications and a clear direction, it would probably get much nicer. The video below is actually a screen record.
Make one like this
1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
2 · Direct it like an editor
Ask for one self-contained HTML file on a fixed 1920×1080 stage, link this video as the reference, and send two or three rounds of specific notes.
3 · Render it to MP4
Screen-record a short piece, or capture it frame by frame for exact timing. How →
How it was made
The creator didn’t name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4. How that works →
Look
Views as of collection. Video, post and prompt © their creator.
Create with Zryth