Loading video...

Video Failed to Load

Go Home

Saw this "Text Behind Image" tool today and wanted to see if I can recreate it. And I did. Runs 100% in the browser! First version is live now. Link below 👇

115,576 views • 1 year ago •via X (Twitter)

10 Comments

Dreaming Tulpa 🥓👑's profile picture
Dreaming Tulpa 🥓👑1 year ago

The model can take a while to download. So be patient. I tested this on a Macbook M2. Probably doesn't run on a potato.

Dreaming Tulpa 🥓👑's profile picture
Dreaming Tulpa 🥓👑1 year ago

Here are some more examples

Dreaming Tulpa 🥓👑's profile picture
Dreaming Tulpa 🥓👑1 year ago

If there is demand for it I will add more features like more fonts, italic formatting & better UX to how to format the text. Also open to feedback 🙏🫶

Mitra's profile picture
Mitra1 year ago

Works very well for a first version! 👍

Dreaming Tulpa 🥓👑's profile picture
Dreaming Tulpa 🥓👑1 year ago

Oh this is sick

Jim Monge's profile picture
Jim Monge1 year ago

I think here's how it works: 1. Duplicate the image 2. Isolate the subject and remove the background on the top layer image 3. Render the text in between the top and bottom layer image There's a handful of background removal API out there but I'm curious what you used on this app.

Dreaming Tulpa 🥓👑's profile picture
Dreaming Tulpa 🥓👑1 year ago

100% how it is done. No API, this is running locally with transformers.js.

Dreaming Tulpa 🥓👑's profile picture
Dreaming Tulpa 🥓👑1 year ago

damn

Daniel Stark's profile picture
Daniel Stark1 year ago

Cool! :)

Dreaming Tulpa 🥓👑's profile picture
Dreaming Tulpa 🥓👑1 year ago

nice one!

Related Videos