Loading video...

Video Failed to Load

Go Home

Making a React component to generate and blend ASCII art of a given image

raunofreiberg's profile picture

rauno

95,155 subscribers

44,850 views • 2 years ago •via X (Twitter)

Science & TechnologyArts
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

who wants an ASCII converter component in Framer? can be used for turning any image into ASCII art in seconds. oh and also works with the CMS. ↓ drop a comment and i'll let you know when it's released.
0:19

who wants an ASCII converter component in Framer? can be used for turning any image into ASCII art in seconds. oh and also works with the CMS. ↓ drop a comment and i'll let you know when it's released.

Framer University

11,640 views • 1 year ago

🎉 Introducing: Interactive ASCII Component for @Framer. Turn your images into interactive ASCII art with fully customizable properties. RT + comment "ASCII" and i'll send you the component :)
0:10

🎉 Introducing: Interactive ASCII Component for @Framer. Turn your images into interactive ASCII art with fully customizable properties. RT + comment "ASCII" and i'll send you the component :)

Framer University

82,819 views • 1 year ago

Big Launch coming today 🚀 Generate, customize ascii animations and add them straight in your react projects. Just adding a bunch more animations and need to make a discord channel so we can share custom creations :)
0:11

Big Launch coming today 🚀 Generate, customize ascii animations and add them straight in your react projects. Just adding a bunch more animations and need to make a discord channel so we can share custom creations :)

Dev Ed

47,104 views • 8 months ago

introducing: magnetic grid animation for Framer use this component to create responsive image grids that react to your cursor with scale, rotation, magnetism, and more. comment 'GRID' and i’ll send you the component :)
0:13

introducing: magnetic grid animation for Framer use this component to create responsive image grids that react to your cursor with scale, rotation, magnetism, and more. comment 'GRID' and i’ll send you the component :)

Framer University

26,763 views • 1 year ago

introducing: gooey effect component for Framer use this component to add morphing animations that blend and flow across your site for a fun, smooth effect. comment "GOOEY" and i’ll send you the component :)
0:11

introducing: gooey effect component for Framer use this component to add morphing animations that blend and flow across your site for a fun, smooth effect. comment "GOOEY" and i’ll send you the component :)

Framer University

25,555 views • 1 year ago

making ascii cline follow your mouse was a lot of fun but turned out to be way more complicated than I thought since 1) models are notoriously bad at ascii art, and 2) terminals were built for text and don't have native mouse support. here's how i did it! 🧵
0:14

making ascii cline follow your mouse was a lot of fun but turned out to be way more complicated than I thought since 1) models are notoriously bad at ascii art, and 2) terminals were built for text and don't have native mouse support. here's how i did it! 🧵

Saoud Rizwan

72,034 views • 8 months ago

① Open Gemini, Grok or GPT Image 2.0 ② Upload your image ③ Paste the prompt ④ Generate your image and video Prompt given below ⤵️
0:10

① Open Gemini, Grok or GPT Image 2.0 ② Upload your image ③ Paste the prompt ④ Generate your image and video Prompt given below ⤵️

Soaima

16,331 views • 1 month ago

① Open Gemini, Grok or GPT Image 2.0 ② Upload your image ③ Paste the prompt ④ Generate your image and video Prompt given below ⤵️
0:16

① Open Gemini, Grok or GPT Image 2.0 ② Upload your image ③ Paste the prompt ④ Generate your image and video Prompt given below ⤵️

Soaima

60,454 views • 14 days ago

① Open Gemini, Grok or GPT Image 2.0 ② Upload your image ③ Paste the prompt ④ Generate your image and video Prompt given below ⤵️
0:14

① Open Gemini, Grok or GPT Image 2.0 ② Upload your image ③ Paste the prompt ④ Generate your image and video Prompt given below ⤵️

Soaima

11,505 views • 6 days ago

Weekend project 👀 a React component to visualize OpenClap files, a new kind of format dedicated to AI filmmaking 1/5
0:12

Weekend project 👀 a React component to visualize OpenClap files, a new kind of format dedicated to AI filmmaking 1/5

Julian Bilcke

64,690 views • 2 years ago

Using ASCII characters to generate a 3D world - These are just characters, there are no graphics here.
0:19

Using ASCII characters to generate a 3D world - These are just characters, there are no graphics here.

AlphaFox

252,336 views • 5 months ago

Made a file-uploader component with shadcn ui, react-dropzone, and Theo uploadthing.
0:19

Made a file-uploader component with shadcn ui, react-dropzone, and Theo uploadthing.

sadman

85,627 views • 2 years ago

I am releasing "Generate Twist Bones", a new Prefabulous component 🔥 This component will generate twist bones, which improves the look of the elbow joint. The twist bone is automatically weight painted. Documentation:
0:15

I am releasing "Generate Twist Bones", a new Prefabulous component 🔥 This component will generate twist bones, which improves the look of the elbow joint. The twist bone is automatically weight painted. Documentation:

Haï~

133,911 views • 2 years ago

We just shipped vision for v0 — generate React, Tailwind, and Shadcn UI from an image! If you’re still waitlisted, reply here with a use case for v0 vision.
0:19

We just shipped vision for v0 — generate React, Tailwind, and Shadcn UI from an image! If you’re still waitlisted, reply here with a use case for v0 vision.

Max Leiter

130,776 views • 2 years ago

react-native-enriched 🤝 <EnrichedText> We just dropped a dedicated text component, making it a complete rich-text solution. Now it only takes a few lines of code to get your inputs and display text working seamlessly together using the exact same format.
0:14

react-native-enriched 🤝 <EnrichedText> We just dropped a dedicated text component, making it a complete rich-text solution. Now it only takes a few lines of code to get your inputs and display text working seamlessly together using the exact same format.

Software Mansion

19,502 views • 5 months ago

Would love for Figma to introduce generative variants into component sets: 1. Select a layer 2. Click generate variants 3. Figma generates variants into a new component set 4. Original layer turns into an instance of that component set Quick proto...
0:13

Would love for Figma to introduce generative variants into component sets: 1. Select a layer 2. Click generate variants 3. Figma generates variants into a new component set 4. Original layer turns into an instance of that component set Quick proto...

Midas Kwant

44,231 views • 1 year ago

Garment3DGen 3D Garment Stylization and Texture Generation We introduce Garment3DGen a new method to synthesize 3D garment assets from a base mesh given a single input image as guidance. Our proposed approach allows users to generate 3D textured clothes based on both
0:16

Garment3DGen 3D Garment Stylization and Texture Generation We introduce Garment3DGen a new method to synthesize 3D garment assets from a base mesh given a single input image as guidance. Our proposed approach allows users to generate 3D textured clothes based on both

AK

53,158 views • 2 years ago

Introducing Latent Labs - a Text to 360 Image Generator! Type in a prompt, generate, and control the camera within the image. Free to try at: ... #AIart #AIArtwork #AIArtworks
0:11

Introducing Latent Labs - a Text to 360 Image Generator! Type in a prompt, generate, and control the camera within the image. Free to try at: ... #AIart #AIArtwork #AIArtworks

Miguel | AP

98,261 views • 3 years ago