Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

My vibe coded mosaic thing is live. - Web GL - Unplash API - Lil’ configurators - Built in React (I don’t know react very well at all) Built it so that I can feed it svg icons or photos. Use the same component through the site. Upload your... show more

MDS

86,543 subscribers

19,063 views • 7 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

React Native devs: Your background agent can now hot reload in the cloud. We built a CLI that tunnels your local Expo app to a cloud simulator so every code change shows up live. Claude Code can now: - Edit a component - Watch it render live - Confirm the change No simulator on your laptop. No screenshots. A live dev loop, in the cloud, at scale.

React Native devs: Your background agent can now hot reload in the cloud. We built a CLI that tunnels your local Expo app to a cloud simulator so every code change shows up live. Claude Code can now: - Edit a component - Watch it render live - Confirm the change No simulator on your laptop. No screenshots. A live dev loop, in the cloud, at scale.

Landseer Enga

29,309 views • 3 months ago

Vibe coding with AI Studio is so addictive! I built an AI Hair Stylist Agent that: > find the best haircut by looking my face > generates the after images using nano banana > lets me edit it live with the live API > find nearby salons using google maps Built in just 5 mins!

Vibe coding with AI Studio is so addictive! I built an AI Hair Stylist Agent that: > find the best haircut by looking my face > generates the after images using nano banana > lets me edit it live with the live API > find nearby salons using google maps Built in just 5 mins!

Shubham Saboo

46,616 views • 8 months ago

made this in blender and react. still surprising how powerful a tool functional composition is. the ticker is solved with minimal effort, same semantics devs would use on the web. this is a side that is generally ignored in webgl/threejs. canvas3d is thought of in terms of scene primitives, math and shaders. these are all good to know. but i see people all the time trying to use these for solving problems that are inherently of a compositional nature, and fail. imperative javascript and oop lack composition. this is the only thing react adds to threejs (and any other platform it renders to), it allows it to compose.

made this in blender and react. still surprising how powerful a tool functional composition is. the ticker is solved with minimal effort, same semantics devs would use on the web. this is a side that is generally ignored in webgl/threejs. canvas3d is thought of in terms of scene primitives, math and shaders. these are all good to know. but i see people all the time trying to use these for solving problems that are inherently of a compositional nature, and fail. imperative javascript and oop lack composition. this is the only thing react adds to threejs (and any other platform it renders to), it allows it to compose.

☄︎

30,490 views • 2 years ago

today, we are making the Mosaic video editing api available to all agents & humans. see how we setup larry — our slack openclaw agent — with a mosaic api key and had it clip, edit, and post archived steve jobs footage. all without ever leaving slack. you can connect your openclaw agents, claude code, or vibe-coded saas to our agentic video editing api. no waitlist — now live at mosaic [dot] so. comment "API" to get 100 free credits dropped into your account to get started with the api for free. more details on why & how we’re making this change below (thread):

today, we are making the Mosaic video editing api available to all agents & humans. see how we setup larry — our slack openclaw agent — with a mosaic api key and had it clip, edit, and post archived steve jobs footage. all without ever leaving slack. you can connect your openclaw agents, claude code, or vibe-coded saas to our agentic video editing api. no waitlist — now live at mosaic [dot] so. comment "API" to get 100 free credits dropped into your account to get started with the api for free. more details on why & how we’re making this change below (thread):

Adish Jain ☕️

20,454 views • 4 months ago

I use well-built Machines for all my Chest Pressing b/c I don’t feel like wasting my time in the gym fiddling around with inferior exercises Sure, you can build muscle with Barbell/Dumbbell Presses… But why cut the grass with scissors when you can use a lawn mower?

I use well-built Machines for all my Chest Pressing b/c I don’t feel like wasting my time in the gym fiddling around with inferior exercises Sure, you can build muscle with Barbell/Dumbbell Presses… But why cut the grass with scissors when you can use a lawn mower?

Dean Turner

404,995 views • 8 months ago

✨ I built a Cursor-style right sidebar on my site Photo AI which is a regular AI chatbot BUT it can fully control my app! It can take photos of you, or shoot videos, run photo packs, remix content you upload etc. anything you see in the interface. Like an AI photographer that does everything for you inside the web app The convo history is stored in localStorage, and the chat uses xAI Grok 4 to send messages, there I define the tools it can use, and when it gets a response JS controls the site like prompt textareas, or photo pack section, or take photo button It also knows what's on your screen, so you can say you want to mix the blue jacket from one photo and the red hair from the other A few weeks ago I told Yasser it'd be cool if Chatbase (an AI customer support pop up chat) would be able to fully control my site too, and this week I saw Farza 🇵🇰🇺🇸 building an AI desktop app that fully controls his computer too so I think that's where things are going, you don't see it on the web that much though Very fun to build and hopefully useful for people!!!

✨ I built a Cursor-style right sidebar on my site Photo AI which is a regular AI chatbot BUT it can fully control my app! It can take photos of you, or shoot videos, run photo packs, remix content you upload etc. anything you see in the interface. Like an AI photographer that does everything for you inside the web app The convo history is stored in localStorage, and the chat uses xAI Grok 4 to send messages, there I define the tools it can use, and when it gets a response JS controls the site like prompt textareas, or photo pack section, or take photo button It also knows what's on your screen, so you can say you want to mix the blue jacket from one photo and the red hair from the other A few weeks ago I told Yasser it'd be cool if Chatbase (an AI customer support pop up chat) would be able to fully control my site too, and this week I saw Farza 🇵🇰🇺🇸 building an AI desktop app that fully controls his computer too so I think that's where things are going, you don't see it on the web that much though Very fun to build and hopefully useful for people!!!

@levelsio

214,132 views • 2 months ago

#WATCH | Kolkata: On the controversy over carrying an expensive handbag, Spiritual orator Jaya Kishori says, "The bag is a customised bag. There is no leather in it and customised means that you can get it made as per your wish. That is why my name is also written on it. I have never used leather, nor will I ever use it. Those who have come to my 'Katha' know very well that I never say that everything is 'moh maya', don't earn money or renounce everything. I have not renounced anything, so how can I tell you to do so? I am clear from day one that I am not a saint, sadhu or sadhvi. I am a normal girl, I live in a normal house, I live with my family... I tell the same thing to the youth that you should work hard, earn money, give yourself a good life, give your family a good life and fulfill your dreams..."

#WATCH | Kolkata: On the controversy over carrying an expensive handbag, Spiritual orator Jaya Kishori says, "The bag is a customised bag. There is no leather in it and customised means that you can get it made as per your wish. That is why my name is also written on it. I have never used leather, nor will I ever use it. Those who have come to my 'Katha' know very well that I never say that everything is 'moh maya', don't earn money or renounce everything. I have not renounced anything, so how can I tell you to do so? I am clear from day one that I am not a saint, sadhu or sadhvi. I am a normal girl, I live in a normal house, I live with my family... I tell the same thing to the youth that you should work hard, earn money, give yourself a good life, give your family a good life and fulfill your dreams..."

ANI

1,005,963 views • 1 year ago

Announcing: DISCOBOT🤖🎉 My personal coding agent session manager. I built this for myself so I can vibe code faster. Watch the video, link to the project thread below. I'll be live streaming today at 10AM PT to fully demo it and talk about why I built it.

Announcing: DISCOBOT🤖🎉 My personal coding agent session manager. I built this for myself so I can vibe code faster. Watch the video, link to the project thread below. I'll be live streaming today at 10AM PT to fully demo it and talk about why I built it.

Darren Shepherd

31,787 views • 5 months ago

got tired of sketchy youtube downloader sites with 50 popups and a virus on the side. so i built my own: download any Youtube video or Audio in any format. trim it exactly how you want. it’s fast. it’s clean. it respects your vibe. free. no ads. no bs.

got tired of sketchy youtube downloader sites with 50 popups and a virus on the side. so i built my own: download any Youtube video or Audio in any format. trim it exactly how you want. it’s fast. it’s clean. it respects your vibe. free. no ads. no bs.

devansh

1,851,894 views • 1 year ago

making perf testing fun: the reverse image search i built for Patina Systems is so fast we can literally search your library with a camera feed. it will embed each frame from the stream in ~10ms and finds the most similar photos in my last 20k photos in ~15-20ms, making realtime frame matching possible.

making perf testing fun: the reverse image search i built for Patina Systems is so fast we can literally search your library with a camera feed. it will embed each frame from the stream in ~10ms and finds the most similar photos in my last 20k photos in ~15-20ms, making realtime frame matching possible.

Tyler Angert

38,353 views • 11 months ago

Introducing Open MCP Client 🪁 Chat with any MCP server in your own app, just grab a URL from . The team and I vibe coded with Cursor this weekend and built: 1. The first web-based MCP client (link👇) 2. An open-source client you can add into any app How it's built It uses CopilotKit🪁 for the client and interactivity layer, and connects to a 40 line LangGraph ReAct agent that coordinates MCP calls. Hosted on Vercel. Kudos to Suhas Deshpande and Tyler Slaton for hacking and thanks to Harrison Chase for pointers!

Introducing Open MCP Client 🪁 Chat with any MCP server in your own app, just grab a URL from . The team and I vibe coded with Cursor this weekend and built: 1. The first web-based MCP client (link👇) 2. An open-source client you can add into any app How it's built It uses CopilotKit🪁 for the client and interactivity layer, and connects to a 40 line LangGraph ReAct agent that coordinates MCP calls. Hosted on Vercel. Kudos to Suhas Deshpande and Tyler Slaton for hacking and thanks to Harrison Chase for pointers!

Atai Barkai

299,711 views • 1 year ago

007/100 Buttons. This button was way more complex than I first thought. I love the page transition on the Truus site that Dennis Snellenberg and Jordan Gilroy worked on. So I wanted to use that drawing SVG Path idea somehow and fit it into a button. In best case with a mask effect. The idea was to have an SVG path in the background that fills the button. At the same time, this path should also be used as a mask to reveal the differently colored text. The SVG should also be replaceable and work with other SVGs. For the path animation, I can use the DrawSVGPlugin from GSAP. Sounds like a solid plan. I built the button so far, and it worked great in Chrome and Firefox. In Safari, nope. I used an SVG mask that I referenced through CSS. But Safari can’t handle that properly when the path inside the mask is animated, so the animation lags. There was no simple solution for that. At least I didn’t find something. So I had to rebuild the button in another way. What I found was that the SVG mask animation works in Safari when the mask is placed on the desired element inside the SVG. That’s where foreignObject comes in, it allows you to use normal HTML elements inside an SVG. Using that, I rebuilt the hover text inside the SVG. I then referenced the mask on the foreignObject with a bit of JavaScript. And it worked! The button’s structure looks more complicated than I wanted it to be, but that happens quite often when you need to make something work across different browsers 😃 Crafting 100 Buttons with Osmo ⏳ Total time: 96h

007/100 Buttons. This button was way more complex than I first thought. I love the page transition on the Truus site that Dennis Snellenberg and Jordan Gilroy worked on. So I wanted to use that drawing SVG Path idea somehow and fit it into a button. In best case with a mask effect. The idea was to have an SVG path in the background that fills the button. At the same time, this path should also be used as a mask to reveal the differently colored text. The SVG should also be replaceable and work with other SVGs. For the path animation, I can use the DrawSVGPlugin from GSAP. Sounds like a solid plan. I built the button so far, and it worked great in Chrome and Firefox. In Safari, nope. I used an SVG mask that I referenced through CSS. But Safari can’t handle that properly when the path inside the mask is animated, so the animation lags. There was no simple solution for that. At least I didn’t find something. So I had to rebuild the button in another way. What I found was that the SVG mask animation works in Safari when the mask is placed on the desired element inside the SVG. That’s where foreignObject comes in, it allows you to use normal HTML elements inside an SVG. Using that, I rebuilt the hover text inside the SVG. I then referenced the mask on the foreignObject with a bit of JavaScript. And it worked! The button’s structure looks more complicated than I wanted it to be, but that happens quite often when you need to make something work across different browsers 😃 Crafting 100 Buttons with Osmo ⏳ Total time: 96h

Eduard Bodak

67,154 views • 2 months ago

📡 Today I built a HTTP proxy that lets all the old computers in the world surf the web too Browsers from before 2013 don't support modern HTTPS so they literally can't acces any website That's very sad for all the old cute retro computers who also wanna go on the internet 😞 So to be inclusive, I vibecoded my own web-based proxy, and it lets them browse HTTPS websites and search Google Here's how it looks on my physical box that I built by installing a Raspberry Pi 5 into this Checkmate retro display and hooking it up with an 8BitDo keyboard and mouse and dial-up internet connection Inb4 why, it's fun!!! You can try it live on in Internet Explorer, I set it as the homepage

📡 Today I built a HTTP proxy that lets all the old computers in the world surf the web too Browsers from before 2013 don't support modern HTTPS so they literally can't acces any website That's very sad for all the old cute retro computers who also wanna go on the internet 😞 So to be inclusive, I vibecoded my own web-based proxy, and it lets them browse HTTPS websites and search Google Here's how it looks on my physical box that I built by installing a Raspberry Pi 5 into this Checkmate retro display and hooking it up with an 8BitDo keyboard and mouse and dial-up internet connection Inb4 why, it's fun!!! You can try it live on in Internet Explorer, I set it as the homepage

@levelsio

628,672 views • 6 months ago

Built a fun little online photobooth, ShutterFun, where you can just open the site and start clicking - no sign-ups, no uploads 📸✨ - you can capture photos, retake them if needed, set a timer, and try out different filters. - once you’ve got your shots, pick a photo strip template and customize it your way using stickers and texts: move them around, resize them, change colors, play with fonts, or remove anything you don’t like. - when you’re happy with how it looks, download your photo strip and you’re done. - nothing is stored anywhere, all photos stay in your browser. Refresh the page once and everything is gone. Built with privacy in mind from the start. Give it a try here:

Built a fun little online photobooth, ShutterFun, where you can just open the site and start clicking - no sign-ups, no uploads 📸✨ - you can capture photos, retake them if needed, set a timer, and try out different filters. - once you’ve got your shots, pick a photo strip template and customize it your way using stickers and texts: move them around, resize them, change colors, play with fonts, or remove anything you don’t like. - when you’re happy with how it looks, download your photo strip and you’re done. - nothing is stored anywhere, all photos stay in your browser. Refresh the page once and everything is gone. Built with privacy in mind from the start. Give it a try here:

Nishtha Singh

47,462 views • 6 months ago

I’ve always wanted a lil’ clean URL shortener… so I built one for myself and now you can use it too 💛 is live: unlimited links, unlimited domains, no cookies, nothing hidden 🌍 Just 12€/year — Don’t miss the lil’ easter egg in the footer 👾👀

I’ve always wanted a lil’ clean URL shortener… so I built one for myself and now you can use it too 💛 is live: unlimited links, unlimited domains, no cookies, nothing hidden 🌍 Just 12€/year — Don’t miss the lil’ easter egg in the footer 👾👀

Luc Chaissac

14,135 views • 7 months ago

Day ♾ of making things no one asked for I built a virtual keep-ups game, so that I can be bad at football from the comfort of my own home 🫥 Vibe coded in one morning with Three.js, Google Gemini App 2.5 Pro, and the MediaPipe body pose tracking model Let me know if you also want to experience this struggle, and I'll publish it online ⚽️

Day ♾ of making things no one asked for I built a virtual keep-ups game, so that I can be bad at football from the comfort of my own home 🫥 Vibe coded in one morning with Three.js, Google Gemini App 2.5 Pro, and the MediaPipe body pose tracking model Let me know if you also want to experience this struggle, and I'll publish it online ⚽️

AA

16,934 views • 1 year ago

i built the animation tool i’ve needed for years. framezero v1 is live. i call it "the whiteboard video editor" - sketch visually - add motion + animations instantly - show code w/ syntax highlighting - quick use icons + GIFS to your video - export 4k — all in your browser

i built the animation tool i’ve needed for years. framezero v1 is live. i call it "the whiteboard video editor" - sketch visually - add motion + animations instantly - show code w/ syntax highlighting - quick use icons + GIFS to your video - export 4k — all in your browser

Matt Maribojoc

69,821 views • 4 months ago