Miguel Ángel
@Miguel07Code • 3,726 subscribers
⠋ building cool stuff ⠙ 23 ┃product engineer @HeyGen based in Toronto ┃ Built @editfa_st ┃Building @HyperFrames_ by HeyGen
Shorts
Videos
all of this is code Sonnet 5.5 max made this 39s video in 17 hours w/ HyperFrames , prompt below concept: depth is the hierarchy. On a screen you look into, focus picks what matters and going deeper shows more. • One object: a black glass instrument with three windows, all showing the same tide reading, 3.67 m. • Three depths, three levels: the shallowest window shows only the number, the middle one adds range, high water and rate, the deepest adds a trend and twelve readings. • The camera pulls focus from window to window, so focus, not layout, decides what you read. It ends on the engraved line "Depth is the hierarchy". • The design idea: information hierarchy carried by optical depth (glass, refraction, real depth of field) instead of size, weight and position on a flat screen. The starting point was Ferrari Luce's layered display. • Built as one HyperFrames page: three.js glass and metal, live HTML text drawn into the 3D scene through HTML-in-Canvas, thin-lens depth of field, every frame deterministic.
Miguel Ángel30,121 views • 26 days ago
you can do all of this using HyperFrames, these are crazy times
Miguel Ángel19,285 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!
Miguel Ángel18,283 views • 5 months ago
No more content to load