Loading video...

Video Failed to Load

Go Home

This simple HTML app has a drag-and-drop canvas, 20+ text effects, 3D extrusion, and perspective transforms for your 'text behind image'. 😎 Crazy part: The ML backend is ~50 lines of Python Built with gradio.Server ➡️ bring any frontend you want!

Gradio's profile picture

Gradio

56,269 subscribers

11,633 views • 2 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

This is a mobile app for fitness. I built it with plain text + AI in 20 mins. You can describe a product... and AI builds the full app, UI backend logic auth with insane speed & precision. Real examples + the workflow: 👇 (the 𝕏 clone feels illegal)
0:11

This is a mobile app for fitness. I built it with plain text + AI in 20 mins. You can describe a product... and AI builds the full app, UI backend logic auth with insane speed & precision. Real examples + the workflow: 👇 (the 𝕏 clone feels illegal)

EyeingAI

64,849 views • 1 year ago

oh my.. this is over for developers Gemini 3 can create interactive 3D webpage in mins, just a few simple text prompts, it generates all the code you can control millions of particles with your hands and make them form any shape you want tutorial and prompts below:
0:18

oh my.. this is over for developers Gemini 3 can create interactive 3D webpage in mins, just a few simple text prompts, it generates all the code you can control millions of particles with your hands and make them form any shape you want tutorial and prompts below:

el.cine

615,948 views • 6 months ago

Continuing to introduce the Samsung S25 Ultra, this feature is unique to the Chinese version: intelligent drag and drop. Intelligent drag and drop is an intelligent interactive system that allows you to seamlessly drag and share content. To use this feature, hold down any text, image, document, or other content on the screen with your finger. Then, you can quickly extract and share the content, and integrate it with other applications or services, thereby improving your efficiency when performing multi application and cross platform tasks.
0:12

Continuing to introduce the Samsung S25 Ultra, this feature is unique to the Chinese version: intelligent drag and drop. Intelligent drag and drop is an intelligent interactive system that allows you to seamlessly drag and share content. To use this feature, hold down any text, image, document, or other content on the screen with your finger. Then, you can quickly extract and share the content, and integrate it with other applications or services, thereby improving your efficiency when performing multi application and cross platform tasks.

Ice Universe

87,684 views • 1 year ago

Adobe just launched the beta of Firefly, their AI image creator. And it's incredible! - text-to-image - AI 3D modelling - AI Video editing This is the first AI image generator built towards solving creator problems. Here's a breakdown.
0:13

Adobe just launched the beta of Firefly, their AI image creator. And it's incredible! - text-to-image - AI 3D modelling - AI Video editing This is the first AI image generator built towards solving creator problems. Here's a breakdown.

Sudharshan

1,224,112 views • 3 years ago

I've updated Enfont Terrible, the glitchy and chaotic type foundry that lives inside your browser, with three new text effects. Simply drag and drop a font file, and then adjust the sliders to generate a new typeface.
0:10

I've updated Enfont Terrible, the glitchy and chaotic type foundry that lives inside your browser, with three new text effects. Simply drag and drop a font file, and then adjust the sliders to generate a new typeface.

Javier Arce

17,804 views • 1 year ago

React Aria has built-in support for drag and drop. This kanban board is only ~100 lines, and even supports keyboard accessibility with no additional code needed! 🙂
0:18

React Aria has built-in support for drag and drop. This kanban board is only ~100 lines, and even supports keyboard accessibility with no additional code needed! 🙂

Devon Govett

54,731 views • 5 months ago

Adobe just released edit text in images in Firefly Boards 🤯 You can select text of different complexity that is part of your image and edit it with AI. Best to use similar length of font. Isn't this absolutely wild?
0:17

Adobe just released edit text in images in Firefly Boards 🤯 You can select text of different complexity that is part of your image and edit it with AI. Best to use similar length of font. Isn't this absolutely wild?

Kris Kashtanova

63,266 views • 9 months ago

RIP Photoshop. Higgsfield just launched Canvas, a state-of-the-art image editing model. With just two clicks, you can swap any object in an image. Logos, text, texture and scale stay exactly as they are... Here's how it works:
0:15

RIP Photoshop. Higgsfield just launched Canvas, a state-of-the-art image editing model. With just two clicks, you can swap any object in an image. Logos, text, texture and scale stay exactly as they are... Here's how it works:

Angry Tom

155,788 views • 1 year ago

I work at Adobe and we recently released this edit text in images in Firefly Boards 🤯 You can select text of different complexity that is part of your image and edit it with AI. Best to use similar length of font. Have you already tried?
0:17

I work at Adobe and we recently released this edit text in images in Firefly Boards 🤯 You can select text of different complexity that is part of your image and edit it with AI. Best to use similar length of font. Have you already tried?

Kris Kashtanova

19,718 views • 6 months ago

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?
0:10

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?

Gábor Pribék

175,387 views • 1 month ago

introducing: text scroll animator component for Framer use this component to animate your text with smooth scroll-triggered effects like blur, rotation, scale, and more! comment "SCROLL" and i’ll send you the component. :)
0:12

introducing: text scroll animator component for Framer use this component to animate your text with smooth scroll-triggered effects like blur, rotation, scale, and more! comment "SCROLL" and i’ll send you the component. :)

Framer University

20,848 views • 1 year ago

Increase the quality of your SUBTITLES by 94% with these drag-and-drop presets For the next 24 hours, I'll be giving away part of our 350+ unique preset pack away for FREE! ♻️ RT and 💬 Comment "Text" and we'll DM it to you (must be following)
0:11

Increase the quality of your SUBTITLES by 94% with these drag-and-drop presets For the next 24 hours, I'll be giving away part of our 350+ unique preset pack away for FREE! ♻️ RT and 💬 Comment "Text" and we'll DM it to you (must be following)

Flow Media

70,943 views • 3 years ago

This is built using Gradio 6's super easy new HTML component! You can play with the demo here:
0:12

This is built using Gradio 6's super easy new HTML component! You can play with the demo here:

Gradio

15,512 views • 5 months ago

Switti -- a new scale-wise transformer for text-to-image generation 🦾 🔥 Improved generation of fine-grained details. Outperforms existing T2I AR models and competes with state-of-the-art T2I diffusion models while being up to 7x faster.
0:16

Switti -- a new scale-wise transformer for text-to-image generation 🦾 🔥 Improved generation of fine-grained details. Outperforms existing T2I AR models and competes with state-of-the-art T2I diffusion models while being up to 7x faster.

Gradio

29,267 views • 1 year ago

let’s create the most dank image library for tap.fun. i quickly vibed together a frontend so everyone can submit images. i’ll drop some cash for the help: - $50 for the most unique meme - $50 for the craziest pic - top 20 will get added to the taplab contributor tg here’s what i’m looking for: images that can transform any image into a unique new one. think memes, crazy visuals, unique outfits, weird energy, funny shit. no text. single image only (not a grid). multiple characters in one pic is totally fine. how to submit: 1. go to 2. submit your image or meme with a name 3. download the image and post it as a comment here so we can see it
0:19

let’s create the most dank image library for tap.fun. i quickly vibed together a frontend so everyone can submit images. i’ll drop some cash for the help: - $50 for the most unique meme - $50 for the craziest pic - top 20 will get added to the taplab contributor tg here’s what i’m looking for: images that can transform any image into a unique new one. think memes, crazy visuals, unique outfits, weird energy, funny shit. no text. single image only (not a grid). multiple characters in one pic is totally fine. how to submit: 1. go to 2. submit your image or meme with a name 3. download the image and post it as a comment here so we can see it

Will Mexi

11,376 views • 4 months ago

Text-to-image diffusion transformer models learn to align text and image representations as a byproduct of their conditional denoising task. By taking the dot product between the text and image representations of a DiT model (like Flux 2), you can create rich saliency maps.
0:19

Text-to-image diffusion transformer models learn to align text and image representations as a byproduct of their conditional denoising task. By taking the dot product between the text and image representations of a DiT model (like Flux 2), you can create rich saliency maps.

Alec Helbling

94,095 views • 6 months ago

built a fun apple-esque "hello" text animation works with any text
0:16

built a fun apple-esque "hello" text animation works with any text

Kumail Nanji

333,828 views • 2 months ago

Get sculpting-level details in seconds. Meshy 6 Preview is out now for both Text-to-3D and Image-to-3D, delivering a significant leap in mesh quality. This is just the start.
0:19

Get sculpting-level details in seconds. Meshy 6 Preview is out now for both Text-to-3D and Image-to-3D, delivering a significant leap in mesh quality. This is just the start.

MeshyAI

202,413 views • 8 months ago

I built a tool that automatically puts text between your image
0:12

I built a tool that automatically puts text between your image

Aditya

295,940 views • 1 year ago

CSM 3D AI: New image-to-3D AI program AI is reshaping the future of 3D design. This amazing tool transforms still images into 3D models, and the best part? You can animate them effortlessly using AI. Link in comment!
0:13

CSM 3D AI: New image-to-3D AI program AI is reshaping the future of 3D design. This amazing tool transforms still images into 3D models, and the best part? You can animate them effortlessly using AI. Link in comment!

el.cine

54,393 views • 1 year ago