Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Back to playing with html-in-canvas! Might release code for this if there's interest.

kaolti's profile picture

Zsolt Kacso

4,079 subscribers

19,289 Aufrufe • vor 2 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

6 Kommentare

Profilbild von Majid Manzarpour
Majid Manzarpourvor 2 Monaten

Cool! Definitely interested

Profilbild von Fabian
Fabianvor 2 Monaten

I'm definitely interested👀 Your work always amazes me

Profilbild von Anthony
Anthonyvor 2 Monaten

That’s so slick! I keep forgetting to try building something with html-in-canvas.

Profilbild von Zsolt Kacso
Zsolt Kacsovor 2 Monaten

Yea can do some fun stuff, but would look the same without just wouldn't be able to interact with the page.

Profilbild von UBERGEEK TECNOLOGIA INTERATIVA
UBERGEEK TECNOLOGIA INTERATIVAvor 1 Monat

yes source code please.. wonderful.. congratulations

Profilbild von mj
mjvor 2 Monaten

can you share the source code please

Ähnliche Videos

Design ∞ code loop, but 10x better. Introducing the browser agent in pen.dev. Import HTML/React to fully editable canvas, make edits/variations, export back to code. Build with the browser & the canvas at the same time, the ultimate combo. Download today.
1:07

Design ∞ code loop, but 10x better. Introducing the browser agent in pen.dev. Import HTML/React to fully editable canvas, make edits/variations, export back to code. Build with the browser & the canvas at the same time, the ultimate combo. Download today.

Tom Krcha

101,947 Aufrufe • vor 1 Monat

For the last couple months, our team has been working hard on a few paradigm-changing features for HTML Canvas. One of them is the ability to have HTML elements in a canvas. Here's a ThreeJS demo with a live HTML texture.
0:43

For the last couple months, our team has been working hard on a few paradigm-changing features for HTML Canvas. One of them is the ability to have HTML elements in a canvas. Here's a ThreeJS demo with a live HTML texture.

Fernando Serboncini

682,237 Aufrufe • vor 2 Jahren

Agent mode transition with Three.js, html-in-canvas.
0:34

Agent mode transition with Three.js, html-in-canvas.

Zsolt Kacso

112,583 Aufrufe • vor 4 Monaten

HTML in Canvas + fragment shader. Shader is applied to the actual interactive html.
0:27

HTML in Canvas + fragment shader. Shader is applied to the actual interactive html.

Zsolt Kacso

62,811 Aufrufe • vor 5 Monaten

Page peel with html-in-canvas, Three.js + TSL. Try it:
0:22

Page peel with html-in-canvas, Three.js + TSL. Try it:

Zsolt Kacso

19,135 Aufrufe • vor 5 Monaten

Figured out how to scrape FanGraphs’ Depth Charts with projected playing time share through HTML code.
1:20

Figured out how to scrape FanGraphs’ Depth Charts with projected playing time share through HTML code.

Steven

11,714 Aufrufe • vor 1 Jahr

Wobble Buttons made with HTML in Canvas I can't stop clicking these
0:27

Wobble Buttons made with HTML in Canvas I can't stop clicking these

Wes Bos

54,429 Aufrufe • vor 5 Monaten

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

504,156 Aufrufe • vor 4 Monaten

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time: Try it today and share your Canvas creations by tagging us here!
0:30

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time: Try it today and share your Canvas creations by tagging us here!

Google Gemini

414,938 Aufrufe • vor 1 Jahr

Breakout by Grok3! If there's interest, I'll check the code into Github.
0:29

Breakout by Grok3! If there's interest, I'll check the code into Github.

Dave W Plummer

483,696 Aufrufe • vor 1 Jahr

i think there's this iwtv side ship in romantic development that might interest you
0:23

i think there's this iwtv side ship in romantic development that might interest you

lili. 🦇 TVL SPOILERS

10,915 Aufrufe • vor 3 Monaten

Literal robots building your page as you scroll. Fable modeled the arm via Blender MCP, Grok 4.6 + Fable for the code. HTML in Canvas, so all interactive.
0:50

Literal robots building your page as you scroll. Fable modeled the arm via Blender MCP, Grok 4.6 + Fable for the code. HTML in Canvas, so all interactive.

Zsolt Kacso

13,144 Aufrufe • vor 1 Monat

I gave Kimi K2.6 and K2.7 Code the exact same prompt to animate a letter burning to ash. Pure HTML canvas, zero libraries.
0:20

I gave Kimi K2.6 and K2.7 Code the exact same prompt to animate a letter burning to ash. Pure HTML canvas, zero libraries.

stevibe

90,018 Aufrufe • vor 3 Monaten

> Send code from Claude > Explore on the canvas > Prototype with AI > Work through feedback > Roundtrip back to code All in Figma
0:29

> Send code from Claude > Explore on the canvas > Prototype with AI > Work through feedback > Roundtrip back to code All in Figma

Figma

358,688 Aufrufe • vor 6 Monaten

got html-in-canvas working with polyfill in all browsers including safari. and it works better than in canary(for now) send me your examples to try out
0:23

got html-in-canvas working with polyfill in all browsers including safari. and it works better than in canary(for now) send me your examples to try out

Palash Bansal

16,069 Aufrufe • vor 5 Monaten

After seeing the reaction to pretext, I can tell you: the world is not ready for HTML-in-Canvas.
0:43

After seeing the reaction to pretext, I can tell you: the world is not ready for HTML-in-Canvas.

Sawyer Hood

116,203 Aufrufe • vor 5 Monaten

Just open-sourced a weird Three.js experiment 👀 Tiltshift-in-HTML It combines HTML-in-canvas with Three.js to let UI exist directly inside 3D scenes and react to a tilt-shift effect. Demo:
0:22

Just open-sourced a weird Three.js experiment 👀 Tiltshift-in-HTML It combines HTML-in-canvas with Three.js to let UI exist directly inside 3D scenes and react to a tilt-shift effect. Demo:

Yassine Bouanane

18,570 Aufrufe • vor 22 Tagen

I've been playing around with Chrome's experimental HTML-in-Canvas API (I use it to create my videos), and I wanted to see if I could make text-selection work on a curved surface by moving the underlying element around on pointermove. It works pretty well!
0:24

I've been playing around with Chrome's experimental HTML-in-Canvas API (I use it to create my videos), and I wanted to see if I could make text-selection work on a curved surface by moving the underlying element around on pointermove. It works pretty well!

Jake Archibald

117,944 Aufrufe • vor 5 Monaten

been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too
4:39

been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too

Pablo Stanley

21,605 Aufrufe • vor 6 Monaten

Osaretin Victor Asemota this might interest you. Someone sending money to the brother to build a house for her back in Nigeria suffered the consequences
2:20

Osaretin Victor Asemota this might interest you. Someone sending money to the brother to build a house for her back in Nigeria suffered the consequences

Leo pantro

619,544 Aufrufe • vor 3 Jahren