Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Ditched boring flat maps forever. Population Density 3D map- This is a premium glass-like orb floating in a quantum black void, with glowing spikes for every major city - taller + brighter = higher population. Rotate it. Zoom in. It was a fun exercise balancing 3D performance with clean,...

AhmedShahnab's profile picture

shadows

1,376 subscribers

29,938 Aufrufe • vor 7 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

31 Kommentare

Profilbild von shadows
shadowsvor 7 Monaten

try it here

Profilbild von Joe Regular
Joe Regularvor 7 Monaten

Can you do one for counties in the US? I’d love to see Florida

Profilbild von shadows
shadowsvor 7 Monaten

Will give it a try!! Thanks for the suggestion

Profilbild von Shrimposter in Chief
Shrimposter in Chiefvor 7 Monaten

2007 called and wants it’s spinning WebGL globes back. Maps are about conveying something, not primarily looking fancy with loads of visual clutter.

Profilbild von shadows
shadowsvor 7 Monaten

Good point.. just a hobby thing to do!! Not trying to convey anything..

Profilbild von shadows
shadowsvor 7 Monaten

Don’t worry!! Already started working on the next one 😎😎

Profilbild von Dijon McClane
Dijon McClanevor 7 Monaten

I’d make the back face a bit more opaque so the parts facing away from the user don’t interfere with the front-facing part of the render. Looks very cool!

Profilbild von shadows
shadowsvor 7 Monaten

Good point.. will do that for the next one!! Thanks for the suggestion

Profilbild von magnus
magnusvor 7 Monaten

How do we access? :)

Profilbild von Sebastien-console_buche 🪵
Sebastien-console_buche 🪵vor 7 Monaten

@threejs Looks nice, well done dude. Could use a low-power config to have this run smooth on mobile, I can see a few quick wins there. Have you merged your things ? The fragment shader looks a little expensive too — zooming in tells

Profilbild von shadows
shadowsvor 7 Monaten

Got it.. I went full ballistic for desktop version only!!

Profilbild von CREADEVS
CREADEVSvor 7 Monaten

Always love a good ol' 3D globe 🌍

Profilbild von shadows
shadowsvor 7 Monaten

True!! Have a bunch of them in my collection now 😊

Profilbild von BeerMagician
BeerMagicianvor 7 Monaten

very cool, but the best part is all the other cool things you can do once you get the first thing like this running (like u are doing)... good stuff

Profilbild von shadows
shadowsvor 7 Monaten

Yes.. that’s so true!! Trying to get 10 transparent globes for the collection, currently at 6!! 😊

Profilbild von BeerMagician
BeerMagicianvor 7 Monaten

super cool... you should do a wealth map. or maybe broadband access, electricity, water, etc. so much good stuff to visualize

Profilbild von shadows
shadowsvor 7 Monaten

thanks for the suggestions!!! will try to get the data and try it out

Profilbild von Christopher Harris
Christopher Harrisvor 7 Monaten

@threejs Beautiful

Profilbild von shadows
shadowsvor 7 Monaten

Thanks

Profilbild von Corey Noles
Corey Nolesvor 7 Monaten

Woah that’s stunning man.

Profilbild von shadows
shadowsvor 7 Monaten

Thanks!! Glad that you liked it..

Profilbild von Tom Stoffer
Tom Stoffervor 7 Monaten

This reminds me of a game I was building 15 years ago but gave up cos the 3D math was too hard. Perhaps I should pick it up again

Profilbild von shadows
shadowsvor 7 Monaten

Ofcourse!! Give it another try.. even the AI can be of assistance to you now

Profilbild von Sherif Zaidan
Sherif Zaidanvor 7 Monaten

Cool stuff! Wonder what it could be practicaly used for

Profilbild von shadows
shadowsvor 7 Monaten

Just adding to my transparent globe collection.. aiming for 10 sets, presently at 6

Profilbild von Robert Scoble
Robert Scoblevor 7 Monaten

Looks awesome here!

Profilbild von shadows
shadowsvor 7 Monaten

Thanks!!

Profilbild von klöss
klössvor 7 Monaten

this is badass

Profilbild von shadows
shadowsvor 7 Monaten

Thanks 🙏

Profilbild von Fishforever🔺🔥
Fishforever🔺🔥vor 7 Monaten

so cool

Profilbild von AMCIS COLLECTIVE
AMCIS COLLECTIVEvor 7 Monaten

Access?

Ähnliche Videos

Is this a 3D cinematic website? 🎥 👀 What Makes a Winner? #104 Awwwards Site of the day and its tech stack. 💿 Front-end: - ThreeJS ( - TailwindCSS ( - React - React Router 🧰Utility stack: - Google Font API - Open Graph - HTTP/2 💡 Lighthouse: - Performance 54 out of 100. - Accessibility 100 out of 100. - Best Practises 96 out of 100. - SEO 91 out of 100. 💡 Lighthouse mobile: - Performance 31 out of 100. - Accessibility 100 out of 100. - Best Practises 96 out of 100. - SEO 91 out of 100. 🔗 (by Uprising) Today we are looking at a great cinematic-alike website made by Uprising! Feel free to explore this site that showcases ton of a great portfolio items. 👏 👉🏻 Support me and build the MVP or enterprise websites with ready-to-build boilerplate at Please consider like, repost and comment, it will help me to build more content like this. 🙏 #backend #uiux #uiuxdesign #CSS #buildinpublic #HTML #typescript #WordPress #vue #nuxtjs #react #nextjs
0:45

Is this a 3D cinematic website? 🎥 👀 What Makes a Winner? #104 Awwwards Site of the day and its tech stack. 💿 Front-end: - ThreeJS ( - TailwindCSS ( - React - React Router 🧰Utility stack: - Google Font API - Open Graph - HTTP/2 💡 Lighthouse: - Performance 54 out of 100. - Accessibility 100 out of 100. - Best Practises 96 out of 100. - SEO 91 out of 100. 💡 Lighthouse mobile: - Performance 31 out of 100. - Accessibility 100 out of 100. - Best Practises 96 out of 100. - SEO 91 out of 100. 🔗 (by Uprising) Today we are looking at a great cinematic-alike website made by Uprising! Feel free to explore this site that showcases ton of a great portfolio items. 👏 👉🏻 Support me and build the MVP or enterprise websites with ready-to-build boilerplate at Please consider like, repost and comment, it will help me to build more content like this. 🙏 #backend #uiux #uiuxdesign #CSS #buildinpublic #HTML #typescript #WordPress #vue #nuxtjs #react #nextjs

Matthew Husák

20,958 Aufrufe • vor 2 Jahren

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: 📦 NPM: Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f
0:43

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: 📦 NPM: Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f

Anderson Mancini

24,523 Aufrufe • vor 4 Monaten

Car configurator you have never seen before! 👀 👇 What tech stack does it use? Read below and don't forget to repost. 😎 💿 Front-end: - React - ThreeJS ( - Hammer.js ( - GSAP ( 🧰Utility stack: - Envoy - Open Graph 🔗 As a car lover I usually go through a car configurators and I spend some time in them. 🚙 This site is not a car configurator directly, but it is so well done that I think almost every car manufacturer should have this option of viewing their cars. 🚘 Usually, in an image/really simple 3D you cannot see the correct car color, etc., but this site made it much better! 👏 🚨 Build site like these with ready-to-build boilerplate at this link Please consider like, repost and comment, it will help me to build more content like this. 🙏 #backend #uiux #uiuxdesign #CSS #CSSBattleChallenge #HTML #typescript #WordPress #vue #nuxtjs
0:53

Car configurator you have never seen before! 👀 👇 What tech stack does it use? Read below and don't forget to repost. 😎 💿 Front-end: - React - ThreeJS ( - Hammer.js ( - GSAP ( 🧰Utility stack: - Envoy - Open Graph 🔗 As a car lover I usually go through a car configurators and I spend some time in them. 🚙 This site is not a car configurator directly, but it is so well done that I think almost every car manufacturer should have this option of viewing their cars. 🚘 Usually, in an image/really simple 3D you cannot see the correct car color, etc., but this site made it much better! 👏 🚨 Build site like these with ready-to-build boilerplate at this link Please consider like, repost and comment, it will help me to build more content like this. 🙏 #backend #uiux #uiuxdesign #CSS #CSSBattleChallenge #HTML #typescript #WordPress #vue #nuxtjs

Matthew Husák

14,221 Aufrufe • vor 2 Jahren

If you can hold 10 kg like this for 40 seconds with a flat grip, I can almost promise you’re among the fittest 0.01% in India. I’d say this is one of the best exercises to test your real muscle and grip strength. This is also a proxy to longevity of life. What do you think, fam? Can you do it? 😊
0:32

If you can hold 10 kg like this for 40 seconds with a flat grip, I can almost promise you’re among the fittest 0.01% in India. I’d say this is one of the best exercises to test your real muscle and grip strength. This is also a proxy to longevity of life. What do you think, fam? Can you do it? 😊

Vinod

234,740 Aufrufe • vor 20 Tagen

If you have not had the profound misfortune of visiting TrumpRx, it is a federal drug pricing website that looks like Wix and a Pinterest board threw up on each other. There’s a gold 3D eagle, there are pills floating across the screen, with the tagline “TrumpRx the price,” which is unfortunately not satire. It has the typography of a Brooklyn juice bar and the self-regard of a man who has never been told no. It is, in every conceivable aesthetic sense, a catastrophe. But that’s almost the point. Because while you’re busy looking at the website, the website is busy watching you.
4:02

If you have not had the profound misfortune of visiting TrumpRx, it is a federal drug pricing website that looks like Wix and a Pinterest board threw up on each other. There’s a gold 3D eagle, there are pills floating across the screen, with the tagline “TrumpRx the price,” which is unfortunately not satire. It has the typography of a Brooklyn juice bar and the self-regard of a man who has never been told no. It is, in every conceivable aesthetic sense, a catastrophe. But that’s almost the point. Because while you’re busy looking at the website, the website is busy watching you.

Drey

33,477 Aufrufe • vor 4 Monaten

This mom is getting a lot of backlash for using a cooking robot, so she’s explaining exactly what it is and why she loves it. She’s a mom of three with picky eaters, and this machine helps her make actual home-cooked meals with minimal effort and cleanup. You load the ingredients, it seasons and cooks everything for you, and you can even watch it through the camera if you’re not home. She says it’s not about being lazy — it’s about getting a real meal on the table without spending hours in the kitchen every night. Would you use something like this, or do you prefer cooking the traditional way?
3:39

This mom is getting a lot of backlash for using a cooking robot, so she’s explaining exactly what it is and why she loves it. She’s a mom of three with picky eaters, and this machine helps her make actual home-cooked meals with minimal effort and cleanup. You load the ingredients, it seasons and cooks everything for you, and you can even watch it through the camera if you’re not home. She says it’s not about being lazy — it’s about getting a real meal on the table without spending hours in the kitchen every night. Would you use something like this, or do you prefer cooking the traditional way?

End3of6Days9 (Helen) 🇺🇸

95,602 Aufrufe • vor 4 Monaten

During the snowstorm that is sweeping through the U.S. right now, the safest vehicle you can be in is in a Tesla with FSD bc it can react faster than any human or gas car. An electric motors respond in milliseconds. When a wheel starts to slip on snow or ice, Tesla’s sensors detect it up to 1,000 times per second, and the computer instantly cuts or redistributes power to the wheels with grip. On the other hand, gas cars have major delay and don’t have this capability… That means if your Tesla hits a tiny patch of ice, the car corrects it right away, even before you even feel it, almost like the car is thinking ahead. If you don’t believe me listen to the man that built it. Joe: “What happens if you get sideways in the snow? Like, does it correct for that?” Elon: “Yeah. Electric cars have really great traction control because the reaction time is so fast. So, with a gasoline car, you’ve got a lot of latency. It takes a while for the engine to react, but for electric motors, incredibly precise…. But to an electric motor, it’s operating at the millisecond level. So, it can turn on and off traction within, like, inches of getting on… let’s say, you’re driving on a patch of ice, it will turn traction off, and then turn it on a couple inches right after the ice, like a little patch of ice because in the frame of the electric motor, you’re moving incredibly slowly. You’re like a, you’re a snail. You’re just moving so slowly because it can see at a thousand frames a second. And so, it’s like, say ‘one Mississippi’, it just thought about things a thousand times.” Joe: “So, it has realized that your wheels are not getting traction. It understands there’s some slippery surface that you’re driving on.” Elon: “Yes.” Joe: “And it makes adjustments in real-time.” Elon: “Yes, in milliseconds.” Joe: “That would be so much safer than a regular car.” AKA, buy a Tesla if you want to be in the safest car in the world. 💯
3:26

During the snowstorm that is sweeping through the U.S. right now, the safest vehicle you can be in is in a Tesla with FSD bc it can react faster than any human or gas car. An electric motors respond in milliseconds. When a wheel starts to slip on snow or ice, Tesla’s sensors detect it up to 1,000 times per second, and the computer instantly cuts or redistributes power to the wheels with grip. On the other hand, gas cars have major delay and don’t have this capability… That means if your Tesla hits a tiny patch of ice, the car corrects it right away, even before you even feel it, almost like the car is thinking ahead. If you don’t believe me listen to the man that built it. Joe: “What happens if you get sideways in the snow? Like, does it correct for that?” Elon: “Yeah. Electric cars have really great traction control because the reaction time is so fast. So, with a gasoline car, you’ve got a lot of latency. It takes a while for the engine to react, but for electric motors, incredibly precise…. But to an electric motor, it’s operating at the millisecond level. So, it can turn on and off traction within, like, inches of getting on… let’s say, you’re driving on a patch of ice, it will turn traction off, and then turn it on a couple inches right after the ice, like a little patch of ice because in the frame of the electric motor, you’re moving incredibly slowly. You’re like a, you’re a snail. You’re just moving so slowly because it can see at a thousand frames a second. And so, it’s like, say ‘one Mississippi’, it just thought about things a thousand times.” Joe: “So, it has realized that your wheels are not getting traction. It understands there’s some slippery surface that you’re driving on.” Elon: “Yes.” Joe: “And it makes adjustments in real-time.” Elon: “Yes, in milliseconds.” Joe: “That would be so much safer than a regular car.” AKA, buy a Tesla if you want to be in the safest car in the world. 💯

Teslaconomics

38,945 Aufrufe • vor 8 Monaten

Build uncompromising high-performance, high-fidelity apps with React. What you see is not the Apple Messages app, nor is it meant to be 1:1. Rather it serves as an aspirational and real example of UI/UX that is possible. Every detail from the bubble animations to keyboard gestures to scroll view insets and safe areas to parallax timestamps required care and attention. Quality UIs come from caring hard. The little chat bubble tails that morph away when the next message animates in. Timestamps that scroll at a different rate than the bubbles. Peek gestures powered by UIKit that lift a chat bubble, tail and all, with a gentle haptic pulse. The subtle shadow of the text composer and responsively sliding down the keyboard in pixel-perfect concert. The composer shrinking its width to fit iPhone’s rounded bezel. The beautiful Liquid Glass refractions have the level of glassiness chosen by the user (new in iOS 27). Scroll view insets that adjust to fit the home bar and keyboard dynamically, creating a sense of depth as the chat bubbles are slightly visible as they scroll under the keyboard. Keeping the keyboard on screen if the prior screen already presented it. Sliding the keyboard and composer with the screen when the user drags to navigate back. I am excited to explore using the new iPhone Duo view controllers natively with React when the time comes. There is always room for innovation and improvement. This chat demo runs at 120 FPS on iOS 27 even on my phone that’s four versions old now. There are several approaches to high-performance lists. I explored a new Expo scroll view that uses the native gesture systems along with react-native’s VirtualView (codenamed “Fling” to reflect the speed of flinging a scroll view), which Meta’s React team designed to prioritize scroll momentum with React’s scheduler. There are tradeoffs with other scroll strategies for how the scroll views gracefully degrade, and they can be swapped out based on what’s best for your app’s use case. And, by virtue of using modern React, high-priority events like user gestures can preempt lower-priority ones like a network response. Let us dispel any myth that using React requires compromising on beautiful, smooth, user-friendly UI/UX that Uses the Platform. Let us dispel any myth frame-perfect UI coordination is not achievable. The Hermes thread and the UI thread can coordinate when needed, like for controlled text inputs. Let us dispel any myth that React Native’s performance is impacted by a bridge, let alone has a bridge. Bridgeless JSI and the Fabric renderer are here for apps that use the New Architecture. What about Android? The app runs and I’ll share a screenshot from my cloud agent’s emulator. With some attention to detail dedicated to Android I’m confident crafted UX is attainable. I’ve spent my tokens once and have a structural head start everywhere. One more thing! Most of this chat’s application code is written with , , , and other familiar elements. The styling is mostly CSS, including linear-gradient(), background-attachment: fixed, and semantic platform colors that adapt to dark mode. Not just appearance - CSS Animations and CSS Transitions run entirely natively. There are a handful of custom native components written in Swift and Kotlin, like the chat bubbles and a custom CAShapeLayer and UIBezierPath for the tails. Native coding is a first-class feature. The way to think about building beautiful apps this way is React and Native, not React vs. Native. Aspire high and raise your ambitions for what is possible!
2:49

Build uncompromising high-performance, high-fidelity apps with React. What you see is not the Apple Messages app, nor is it meant to be 1:1. Rather it serves as an aspirational and real example of UI/UX that is possible. Every detail from the bubble animations to keyboard gestures to scroll view insets and safe areas to parallax timestamps required care and attention. Quality UIs come from caring hard. The little chat bubble tails that morph away when the next message animates in. Timestamps that scroll at a different rate than the bubbles. Peek gestures powered by UIKit that lift a chat bubble, tail and all, with a gentle haptic pulse. The subtle shadow of the text composer and responsively sliding down the keyboard in pixel-perfect concert. The composer shrinking its width to fit iPhone’s rounded bezel. The beautiful Liquid Glass refractions have the level of glassiness chosen by the user (new in iOS 27). Scroll view insets that adjust to fit the home bar and keyboard dynamically, creating a sense of depth as the chat bubbles are slightly visible as they scroll under the keyboard. Keeping the keyboard on screen if the prior screen already presented it. Sliding the keyboard and composer with the screen when the user drags to navigate back. I am excited to explore using the new iPhone Duo view controllers natively with React when the time comes. There is always room for innovation and improvement. This chat demo runs at 120 FPS on iOS 27 even on my phone that’s four versions old now. There are several approaches to high-performance lists. I explored a new Expo scroll view that uses the native gesture systems along with react-native’s VirtualView (codenamed “Fling” to reflect the speed of flinging a scroll view), which Meta’s React team designed to prioritize scroll momentum with React’s scheduler. There are tradeoffs with other scroll strategies for how the scroll views gracefully degrade, and they can be swapped out based on what’s best for your app’s use case. And, by virtue of using modern React, high-priority events like user gestures can preempt lower-priority ones like a network response. Let us dispel any myth that using React requires compromising on beautiful, smooth, user-friendly UI/UX that Uses the Platform. Let us dispel any myth frame-perfect UI coordination is not achievable. The Hermes thread and the UI thread can coordinate when needed, like for controlled text inputs. Let us dispel any myth that React Native’s performance is impacted by a bridge, let alone has a bridge. Bridgeless JSI and the Fabric renderer are here for apps that use the New Architecture. What about Android? The app runs and I’ll share a screenshot from my cloud agent’s emulator. With some attention to detail dedicated to Android I’m confident crafted UX is attainable. I’ve spent my tokens once and have a structural head start everywhere. One more thing! Most of this chat’s application code is written with , , , and other familiar elements. The styling is mostly CSS, including linear-gradient(), background-attachment: fixed, and semantic platform colors that adapt to dark mode. Not just appearance - CSS Animations and CSS Transitions run entirely natively. There are a handful of custom native components written in Swift and Kotlin, like the chat bubbles and a custom CAShapeLayer and UIBezierPath for the tails. Native coding is a first-class feature. The way to think about building beautiful apps this way is React and Native, not React vs. Native. Aspire high and raise your ambitions for what is possible!

James Ide

141,012 Aufrufe • vor 1 Monat

Every serious vibe coder should have bookmarked it. 25 vibe coding resources to keep yourself ahead of the competition. 1. - 600+ award-winning prompts + full source code for 3D and scroll-driven websites. - 100+ 3D scenes, 200+ interactive gradients, 200+ UI components. - Copy the prompt, paste into Claude, Cursor or Lovable, launch live. 2. Minimal Gallery ( - curated high-end sites to feed your agent 3. Godly ( - hand-picked sites with serious craft 4. Refero Styles ( - 2,000+ real product styles with typography 5. Component Gallery ( - 2,600+ examples of how top design systems solve the same element 6. Mobbin ( - real app flows from real products 7. DESIGNmd ( - design systems as markdown your agent can read 8. VibePrompt ( - ready-made prompts for dashboards and landing pages 9. ( - component registry that plugs into agents via MCP 10. Kinetics ( - 150+ motion effects with React code and prompts 11. shadcn/ui ( - still the gold standard for clean, reusable UI 12. Aceternity UI ( - 200+ animated React/Tailwind components 13. Magic UI ( - beautifully designed components for modern web apps 14. Motion Primitives ( - ready-to-use animation and interaction components 15. Uiverse ( - community-built UI elements and interactive components 16. Shadcnblocks ( - full blocks, not just buttons 17. mapcn ( - map components, markers, routes, popups 18. Awwwards ( - the sites that actually won 19. Liquid Glass ( - glass refraction components and effects 20. CSS Text Effects ( - creative CSS text animations and effects 21. Circle Loaders ( - creative loading animations and loaders 22. Gradient Buttons ( - gradient button styles and effects 23. Shadertoy ( - shaders to study and remix 24. 3Dicons ( - a library of free 3D icons for modern interfaces 25. Anime.js ( - lightweight JavaScript animation library for the web If you're building with AI, this list will save you hours. Save it. 🔖
0:21

Every serious vibe coder should have bookmarked it. 25 vibe coding resources to keep yourself ahead of the competition. 1. - 600+ award-winning prompts + full source code for 3D and scroll-driven websites. - 100+ 3D scenes, 200+ interactive gradients, 200+ UI components. - Copy the prompt, paste into Claude, Cursor or Lovable, launch live. 2. Minimal Gallery ( - curated high-end sites to feed your agent 3. Godly ( - hand-picked sites with serious craft 4. Refero Styles ( - 2,000+ real product styles with typography 5. Component Gallery ( - 2,600+ examples of how top design systems solve the same element 6. Mobbin ( - real app flows from real products 7. DESIGNmd ( - design systems as markdown your agent can read 8. VibePrompt ( - ready-made prompts for dashboards and landing pages 9. ( - component registry that plugs into agents via MCP 10. Kinetics ( - 150+ motion effects with React code and prompts 11. shadcn/ui ( - still the gold standard for clean, reusable UI 12. Aceternity UI ( - 200+ animated React/Tailwind components 13. Magic UI ( - beautifully designed components for modern web apps 14. Motion Primitives ( - ready-to-use animation and interaction components 15. Uiverse ( - community-built UI elements and interactive components 16. Shadcnblocks ( - full blocks, not just buttons 17. mapcn ( - map components, markers, routes, popups 18. Awwwards ( - the sites that actually won 19. Liquid Glass ( - glass refraction components and effects 20. CSS Text Effects ( - creative CSS text animations and effects 21. Circle Loaders ( - creative loading animations and loaders 22. Gradient Buttons ( - gradient button styles and effects 23. Shadertoy ( - shaders to study and remix 24. 3Dicons ( - a library of free 3D icons for modern interfaces 25. Anime.js ( - lightweight JavaScript animation library for the web If you're building with AI, this list will save you hours. Save it. 🔖

Himanshu Hingorani

23,823 Aufrufe • vor 11 Tagen

Why do we still buy stadium tickets without ever seeing what the view from the seat actually looks like? ☠️ So I prototyped an idea. A 3D seat view experience for a football stadium built with Fable 5 + Three.js, where you can preview exactly what you'll see from your seat before buying. The entire 3D experience was working after the first prompt, and the whole prototype came together in just five prompts. This is the kind of 3D experience I'd love to see more of, tbh. Feels so good. Right now, buying a ticket gives you almost no sense of what the experience will actually feel like. We're still relying on static seat maps, charts, and boring UI layouts, when interactive 3D experiences could make that decision so much easier. If you think, 3D development has the potential to create genuinely useful experiences. This feels like the direction we should be heading. 3D is the future. I can already imagine this for cinemas, cricket stadiums, Wimbledon, concerts, and so many other venues. I'm planning to take this further. What should I build next? More stadium features, or should I try another venue? Let me know :D Code: Live:
0:54

Why do we still buy stadium tickets without ever seeing what the view from the seat actually looks like? ☠️ So I prototyped an idea. A 3D seat view experience for a football stadium built with Fable 5 + Three.js, where you can preview exactly what you'll see from your seat before buying. The entire 3D experience was working after the first prompt, and the whole prototype came together in just five prompts. This is the kind of 3D experience I'd love to see more of, tbh. Feels so good. Right now, buying a ticket gives you almost no sense of what the experience will actually feel like. We're still relying on static seat maps, charts, and boring UI layouts, when interactive 3D experiences could make that decision so much easier. If you think, 3D development has the potential to create genuinely useful experiences. This feels like the direction we should be heading. 3D is the future. I can already imagine this for cinemas, cricket stadiums, Wimbledon, concerts, and so many other venues. I'm planning to take this further. What should I build next? More stadium features, or should I try another venue? Let me know :D Code: Live:

The Bugged Dev

1,809,255 Aufrufe • vor 3 Monaten

is it legal? NVIDIA and Microsoft just open-sourced the pieces of a full 3D studio for Opus 5.5 15 github repos, sorted by what you want to make: GENERATE 3D ASSETS 01. TRELLIS.2 by Microsoft: -> one image in, a fully textured 3D asset out, about 3 seconds on an H100 02. Hunyuan3D-2.1 by Tencent: -> production-ready 3D assets with PBR textures 03. stable-fast-3d by Stability AI: -> one photo to a clean UV-unwrapped mesh, built for speed 04. meshy-mcp-server by Meshy: -> text or image to 3D, then remesh, retexture, rig and animate from your agent BUILD SCENES AND WORLDS 05. mcp-for-blender: -> prompt-driven modeling, scene building and edits in a live Blender 06. HY-World-2.0 by Tencent: -> text or a single image to a navigable 3D world 07. supersplat by PlayCanvas: -> inspect, edit, optimize and publish 3D Gaussian splats in the browser 08. kit-usd-agents by NVIDIA: -> edit Omniverse USD scenes in plain English, plus MCP servers for Kit and Isaac Sim MAKE A GAME 09. unity-mcp: -> run the Unity Editor in plain English: scenes, C# scripts, assets, tests, builds 10. godot-ai: -> 46 tools for a live Godot editor: scenes, scripts, signals, UI, particles 11. unreal-engine-mcp: -> drive a live Unreal Editor: actors, world building, Blueprints 3D ON THE WEB 12. editor-mcp-server by PlayCanvas: -> your agent builds PlayCanvas scenes and checks they actually run 13. three.js: -> the JavaScript 3D library itself, 115k stars on GitHub 14. react-three-fiber: -> build three.js scenes as reusable React components 15. threejs-skills: -> 10 three.js skills for Claude Code, from shaders to post-processing a full 3D pipeline, and every piece of it lives on github
0:20

is it legal? NVIDIA and Microsoft just open-sourced the pieces of a full 3D studio for Opus 5.5 15 github repos, sorted by what you want to make: GENERATE 3D ASSETS 01. TRELLIS.2 by Microsoft: -> one image in, a fully textured 3D asset out, about 3 seconds on an H100 02. Hunyuan3D-2.1 by Tencent: -> production-ready 3D assets with PBR textures 03. stable-fast-3d by Stability AI: -> one photo to a clean UV-unwrapped mesh, built for speed 04. meshy-mcp-server by Meshy: -> text or image to 3D, then remesh, retexture, rig and animate from your agent BUILD SCENES AND WORLDS 05. mcp-for-blender: -> prompt-driven modeling, scene building and edits in a live Blender 06. HY-World-2.0 by Tencent: -> text or a single image to a navigable 3D world 07. supersplat by PlayCanvas: -> inspect, edit, optimize and publish 3D Gaussian splats in the browser 08. kit-usd-agents by NVIDIA: -> edit Omniverse USD scenes in plain English, plus MCP servers for Kit and Isaac Sim MAKE A GAME 09. unity-mcp: -> run the Unity Editor in plain English: scenes, C# scripts, assets, tests, builds 10. godot-ai: -> 46 tools for a live Godot editor: scenes, scripts, signals, UI, particles 11. unreal-engine-mcp: -> drive a live Unreal Editor: actors, world building, Blueprints 3D ON THE WEB 12. editor-mcp-server by PlayCanvas: -> your agent builds PlayCanvas scenes and checks they actually run 13. three.js: -> the JavaScript 3D library itself, 115k stars on GitHub 14. react-three-fiber: -> build three.js scenes as reusable React components 15. threejs-skills: -> 10 three.js skills for Claude Code, from shaders to post-processing a full 3D pipeline, and every piece of it lives on github

Mnimiy

205,109 Aufrufe • vor 8 Tagen

just dropped a 24-min walkthrough showing how I turn raw n8n automations into actual front-end apps that your team can use no clunky JSON files, no ugly interfaces, and no dev team required I built a clean UI for one of my n8n flows - start to finish - all in one session it’s not a polished SaaS - but it is a working MVP you can test, share, or hand off step-by-step: – mapped the UX in ChatGPT – built the UI live in Bolt – connected it to the backend automation by the end, I had a usable internal tool that felt like a real product — all without writing a single line of frontend code if you're building powerful automations but not wrapping them in UI… you’re missing half the value also dropped my full prompt stack for planning and generating UIs with Claude or ChatGPT want the prompts? comment “UI”, follow + repost and I’ll send them over (must be following so I can DM)
24:30

just dropped a 24-min walkthrough showing how I turn raw n8n automations into actual front-end apps that your team can use no clunky JSON files, no ugly interfaces, and no dev team required I built a clean UI for one of my n8n flows - start to finish - all in one session it’s not a polished SaaS - but it is a working MVP you can test, share, or hand off step-by-step: – mapped the UX in ChatGPT – built the UI live in Bolt – connected it to the backend automation by the end, I had a usable internal tool that felt like a real product — all without writing a single line of frontend code if you're building powerful automations but not wrapping them in UI… you’re missing half the value also dropped my full prompt stack for planning and generating UIs with Claude or ChatGPT want the prompts? comment “UI”, follow + repost and I’ll send them over (must be following so I can DM)

J.B.

58,293 Aufrufe • vor 1 Jahr

CHINA JUST DROPPED AN AI CODING MODEL WITH A 1M CONTEXT WINDOW. And I connected it to Claude Code to see what it could actually do. Meet GLM-X Preview On paper, a few things immediately stood out: → 1M context window → Agentic coding capabilities → Works inside Claude Code → Designed for large-scale coding and reasoning workflows But specs don't matter much if the model can't deliver in practice. So I gave it a real-world task. THE TEST One prompt: > Build a modern AI lead generation dashboard using React and Tailwind CSS. Requirements: → Dark mode → Analytics dashboard → Lead table → Email outreach section → Responsive design → Production-ready component structure Instead of generating a few snippets, it planned the architecture, generated the dashboard components, created the Tailwind configuration, and walked through the implementation requirements. What impressed me most wasn't the code itself. It was how well it maintained context throughout the workflow. That's where a 1M context window starts becoming useful. Less time re-explaining requirements. Less context loss. More room for complex projects. The AI coding race is getting very interesting. And it's no longer just GPT, Claude, and Gemini competing for attention. Results from my test below 👇
0:33

CHINA JUST DROPPED AN AI CODING MODEL WITH A 1M CONTEXT WINDOW. And I connected it to Claude Code to see what it could actually do. Meet GLM-X Preview On paper, a few things immediately stood out: → 1M context window → Agentic coding capabilities → Works inside Claude Code → Designed for large-scale coding and reasoning workflows But specs don't matter much if the model can't deliver in practice. So I gave it a real-world task. THE TEST One prompt: > Build a modern AI lead generation dashboard using React and Tailwind CSS. Requirements: → Dark mode → Analytics dashboard → Lead table → Email outreach section → Responsive design → Production-ready component structure Instead of generating a few snippets, it planned the architecture, generated the dashboard components, created the Tailwind configuration, and walked through the implementation requirements. What impressed me most wasn't the code itself. It was how well it maintained context throughout the workflow. That's where a 1M context window starts becoming useful. Less time re-explaining requirements. Less context loss. More room for complex projects. The AI coding race is getting very interesting. And it's no longer just GPT, Claude, and Gemini competing for attention. Results from my test below 👇

Md Riyazuddin

31,199 Aufrufe • vor 4 Monaten

🎉 Tailkit 4.0 is here, and I couldn't be more excited! 🙌🥳 But first - Giveaway Alert! Want to get a free Tailkit Developer license? Just drop a reply and give a like or repost (totally optional, but super appreciated). The lucky winner will be announced next Tuesday (October 8th) – good luck! Can you believe it’s already been 4 years since Tailkit’s journey started? ❤️ It feels like just yesterday I launched Tailkit 1.0 as an offline standalone web app back on October 1st, 2020. I'm really attached to this project because it was launched just a few days before I became a dad 👶😍 Fast forward to today, and Tailkit has grown into a fully customizable, feature-packed online app that gives you access to: - 550+ Tailwind CSS components (fully responsive + dark mode support) - 1,750+ Code snippets for HTML, React, Vue.js, and Alpine.js - 7 Marketing & Application Templates for HTML, React, Vue.js, and Laravel (fully responsive + dark mode support) - 10 Starter Kits for HTML, HTML with Vite, React, Vue.js, Laravel, Next.js, Nuxt, Astro, Svelte and Angular - 30 Days of Unlimited Design Service with every new Team license - Exclusive deals on third-party tools and projects - Handy helper tools like Button Builder, Color Palette, and Icon Finder - 3,700+ SVG Icons from Bootstrap and Heroicons - Free lifetime updates - Email support whenever you need it And the 4.0 update is packed with even more awesome features and upgrades: - 6 new UI components (Notifications) were added in Application UI package - 20 new UI components (Image/Content Sliders++) were added in Marketing package - React version (uses Vite) is introduced for all Templates - React code snippets were improved in all packages - Astro Starter Kit was added - Remove Dark Classes (from code snippets) option was added in App - Universal Dark Mode (preview pane can default to global dark mode) option was added in App - New preview colors (fuchsia, gray) were added in App - Heroicons v2 icons were updated to v2.1.5 adding 28+ brand new icons in App - 3 new exclusive deals are now available - UI design improvements in App - Various improvements and fixes in App - All dependencies were updated in Starter Kits - All dependencies were updated in Templates - Marketing website redesigned - Color Palette tool was made available to all I’ve put over 200 hours into this update alone, and I’m beyond excited to finally share it with you. Your continued support has made this journey possible, and I’m so grateful to have you along for the ride. 🙏 Wishing you an amazing day – remember, YOU ARE AWESOME! Go build something incredible! 🚀
1:17

🎉 Tailkit 4.0 is here, and I couldn't be more excited! 🙌🥳 But first - Giveaway Alert! Want to get a free Tailkit Developer license? Just drop a reply and give a like or repost (totally optional, but super appreciated). The lucky winner will be announced next Tuesday (October 8th) – good luck! Can you believe it’s already been 4 years since Tailkit’s journey started? ❤️ It feels like just yesterday I launched Tailkit 1.0 as an offline standalone web app back on October 1st, 2020. I'm really attached to this project because it was launched just a few days before I became a dad 👶😍 Fast forward to today, and Tailkit has grown into a fully customizable, feature-packed online app that gives you access to: - 550+ Tailwind CSS components (fully responsive + dark mode support) - 1,750+ Code snippets for HTML, React, Vue.js, and Alpine.js - 7 Marketing & Application Templates for HTML, React, Vue.js, and Laravel (fully responsive + dark mode support) - 10 Starter Kits for HTML, HTML with Vite, React, Vue.js, Laravel, Next.js, Nuxt, Astro, Svelte and Angular - 30 Days of Unlimited Design Service with every new Team license - Exclusive deals on third-party tools and projects - Handy helper tools like Button Builder, Color Palette, and Icon Finder - 3,700+ SVG Icons from Bootstrap and Heroicons - Free lifetime updates - Email support whenever you need it And the 4.0 update is packed with even more awesome features and upgrades: - 6 new UI components (Notifications) were added in Application UI package - 20 new UI components (Image/Content Sliders++) were added in Marketing package - React version (uses Vite) is introduced for all Templates - React code snippets were improved in all packages - Astro Starter Kit was added - Remove Dark Classes (from code snippets) option was added in App - Universal Dark Mode (preview pane can default to global dark mode) option was added in App - New preview colors (fuchsia, gray) were added in App - Heroicons v2 icons were updated to v2.1.5 adding 28+ brand new icons in App - 3 new exclusive deals are now available - UI design improvements in App - Various improvements and fixes in App - All dependencies were updated in Starter Kits - All dependencies were updated in Templates - Marketing website redesigned - Color Palette tool was made available to all I’ve put over 200 hours into this update alone, and I’m beyond excited to finally share it with you. Your continued support has made this journey possible, and I’m so grateful to have you along for the ride. 🙏 Wishing you an amazing day – remember, YOU ARE AWESOME! Go build something incredible! 🚀

John Champ

10,940 Aufrufe • vor 2 Jahren

THIS GUY VIBE CODED A TRUE 3D PROPERTY TOUR TOOL WITH CLAUDE CODE not the fake 360 photo stitching that matterport does, actual 3D right now if you're a real estate agent and want a property tour you need: > a matterport camera ($3000+) > a photographer who knows how to use it > matterport's monthly subscription > and you still get a glorified panorama, not real 3D this guy built a tool that takes your existing captures (camera files, drone shots, 360 photos, EVEN phone captures) and turns them into a real interactive 3D tour in one workflow no specialized hardware, no photographer, no switching between 5 different tools real estate agents, property managers, airbnb hosts, architects, interior designers all of them are paying hundreds per property for something this tool does from captures they already have the painful part was never understanding the end result. everyone knows what a 3D tour looks like. the pain is going from a pile of messy capture files to something usable without it turning into a technical project this solves that with one workflow you dump your files in and get a 3D tour out insane what you can do with vibe coding
1:01

THIS GUY VIBE CODED A TRUE 3D PROPERTY TOUR TOOL WITH CLAUDE CODE not the fake 360 photo stitching that matterport does, actual 3D right now if you're a real estate agent and want a property tour you need: > a matterport camera ($3000+) > a photographer who knows how to use it > matterport's monthly subscription > and you still get a glorified panorama, not real 3D this guy built a tool that takes your existing captures (camera files, drone shots, 360 photos, EVEN phone captures) and turns them into a real interactive 3D tour in one workflow no specialized hardware, no photographer, no switching between 5 different tools real estate agents, property managers, airbnb hosts, architects, interior designers all of them are paying hundreds per property for something this tool does from captures they already have the painful part was never understanding the end result. everyone knows what a 3D tour looks like. the pain is going from a pile of messy capture files to something usable without it turning into a technical project this solves that with one workflow you dump your files in and get a 3D tour out insane what you can do with vibe coding

Om Patel

158,397 Aufrufe • vor 5 Monaten

Three fundamentals that anyone who ever played Civilization (1991) most likely agrees with - let me know if I missed something: 1) The tech options that are given to you at the start of the game really matter. If you were missing a key one at the start, you probably restarted... 2) Settling for your first city early was always key (maximum of 1-2 moves to explore terrain but then turn the settler into a city). If you wasted the first couple of moves or the terrain was horrendous, you probably restarted... 3) Finding a "hut" was always a gamble - and you always took it. Free unit, 50 gold pieces, free tech - or barbarians. If it was the latter, you definitely restarted... If you're lucky - like I was in the video - and start with 2 settlers, you have a massive headstart. Instead of immediately using one to start a city, I gambled and explored (couldn't resist). If you are extra lucky, you find another nation with just one city (early game), no defense, walk right in with your settler and eliminate them early. Very unorthodox gameplay of course, I was suprised it worked. Speaking of unorthodox: In order to handicap yourself (because you already master Civ on its highest level of difficulty) you can let barbarians walk into your cities, undefended... rinse and repeat and see what happens - let them grow and become a "real" nation and superpower. Not sure if this was ever intended by the developers but seeing barbarians ranked at #1 in population, tech, etc. is pretty fun.
1:22

Three fundamentals that anyone who ever played Civilization (1991) most likely agrees with - let me know if I missed something: 1) The tech options that are given to you at the start of the game really matter. If you were missing a key one at the start, you probably restarted... 2) Settling for your first city early was always key (maximum of 1-2 moves to explore terrain but then turn the settler into a city). If you wasted the first couple of moves or the terrain was horrendous, you probably restarted... 3) Finding a "hut" was always a gamble - and you always took it. Free unit, 50 gold pieces, free tech - or barbarians. If it was the latter, you definitely restarted... If you're lucky - like I was in the video - and start with 2 settlers, you have a massive headstart. Instead of immediately using one to start a city, I gambled and explored (couldn't resist). If you are extra lucky, you find another nation with just one city (early game), no defense, walk right in with your settler and eliminate them early. Very unorthodox gameplay of course, I was suprised it worked. Speaking of unorthodox: In order to handicap yourself (because you already master Civ on its highest level of difficulty) you can let barbarians walk into your cities, undefended... rinse and repeat and see what happens - let them grow and become a "real" nation and superpower. Not sure if this was ever intended by the developers but seeing barbarians ranked at #1 in population, tech, etc. is pretty fun.

exQUIZitely 🕹️

12,749 Aufrufe • vor 6 Monaten

Caller: “I recently inherited a large sum of money approximately $50 million. I’m just wondering, what do you think I should do with this?” Dave Ramsey: “You’re not kidding me.” Caller: “No, I’m not kidding you.” Dave Ramsey: “Who in the world left you $50 million?” Caller: “My parents.” Dave Ramsey: “The thing that I do and that I teach people to do with all of their income, including an unbelievable sum like this, is to balance and use ratios between living, enjoying some of it, giving some of it, and investing some of it.” “You should sit down and think in ratios. How much do I want to systematically give? Wealthy people who give are the ones that have fun with money.” “Spend some of it… I’m not going to suggest you stack it all in a cave somewhere but don’t let it be a large percentage. Then, invest a percentage for the next generation, and create income to do even yet more giving.”
2:30

Caller: “I recently inherited a large sum of money approximately $50 million. I’m just wondering, what do you think I should do with this?” Dave Ramsey: “You’re not kidding me.” Caller: “No, I’m not kidding you.” Dave Ramsey: “Who in the world left you $50 million?” Caller: “My parents.” Dave Ramsey: “The thing that I do and that I teach people to do with all of their income, including an unbelievable sum like this, is to balance and use ratios between living, enjoying some of it, giving some of it, and investing some of it.” “You should sit down and think in ratios. How much do I want to systematically give? Wealthy people who give are the ones that have fun with money.” “Spend some of it… I’m not going to suggest you stack it all in a cave somewhere but don’t let it be a large percentage. Then, invest a percentage for the next generation, and create income to do even yet more giving.”

HENRY

95,612 Aufrufe • vor 4 Monaten

Michael Strahan says he told a recently retired athlete who wanted a successful second career but wasn’t willing to make the same sacrifices that got him to the NFL that he was hustling like a rich man “We were in a car at the Super Bowl in Atlanta. Me, you, one of our clients, not to be named. He had just retired, and we’re talking about these things in the offseason that he needed to do. If you want to do this, this is what you have to do.” “And he was kind of balking. ‘I don’t know, maybe I’ll go rent a house and go to Spain for the summer with the family,’ blah, blah, blah. Which is fine, right? But you can’t act like you want more without putting in more.” “So I remember looking at him and saying, ‘Hey man, you’re hustling like a rich man. If you want to do this, you gotta hustle like you’re broke.’ And that’s where it came from.” “And it clicked. And he’s great now. Great job, TV, doing all these things. But at some point, I think there’s a lot of sacrifice that comes along with success.” “I agree. And people always see success and think, ‘Oh man, it just happened.’ You just rolled away from the NFL and went over and worked at the firm, and then you worked with Snoop for all these years, and then all of a sudden you got this company. You’re representing all these people and producing all these projects. And it just doesn’t work that way.” “It’s been years of hustle. It’s been years of rejection, years of picking yourself off the floor. Years of sometimes feeling like, ‘What the hell am I even doing this for? Like, I am tired.’” “And sometimes you’re going, ‘I don’t even need to do it. What am I doing?’ And I think that, for you and for me, I feel more responsible for the people we work with than I do for myself.”
1:57

Michael Strahan says he told a recently retired athlete who wanted a successful second career but wasn’t willing to make the same sacrifices that got him to the NFL that he was hustling like a rich man “We were in a car at the Super Bowl in Atlanta. Me, you, one of our clients, not to be named. He had just retired, and we’re talking about these things in the offseason that he needed to do. If you want to do this, this is what you have to do.” “And he was kind of balking. ‘I don’t know, maybe I’ll go rent a house and go to Spain for the summer with the family,’ blah, blah, blah. Which is fine, right? But you can’t act like you want more without putting in more.” “So I remember looking at him and saying, ‘Hey man, you’re hustling like a rich man. If you want to do this, you gotta hustle like you’re broke.’ And that’s where it came from.” “And it clicked. And he’s great now. Great job, TV, doing all these things. But at some point, I think there’s a lot of sacrifice that comes along with success.” “I agree. And people always see success and think, ‘Oh man, it just happened.’ You just rolled away from the NFL and went over and worked at the firm, and then you worked with Snoop for all these years, and then all of a sudden you got this company. You’re representing all these people and producing all these projects. And it just doesn’t work that way.” “It’s been years of hustle. It’s been years of rejection, years of picking yourself off the floor. Years of sometimes feeling like, ‘What the hell am I even doing this for? Like, I am tired.’” “And sometimes you’re going, ‘I don’t even need to do it. What am I doing?’ And I think that, for you and for me, I feel more responsible for the people we work with than I do for myself.”

Josh Chambers

139,232 Aufrufe • vor 24 Tagen

THIS IS WHAT HAPPENS WHEN PARENTS WANT TO BE “FRIENDS” INSTEAD OF PARENTS. HOW WOULD YOU REACT IF THIS WERE YOUR CHILD??? IF YOU’RE NOT TEACHING YOUR CHILD KINDNESS AND EMPATHY …WHO DO YOU THINK WILL? In this video, a child openly disrespects an older gentleman…and when he calmly responds with, “You are being rude,” it exposes a much bigger issue. We’re watching a generation raised on entitlement, unchecked behavior, and zero accountability. Kindness isn’t automatic. Respect isn’t inherited. Inclusivity isn’t learned from a screen. These values are TAUGHT…or they’re ignored. And when they’re ignored, moments like this go viral. If a child is comfortable speaking with open hostility or ignorance toward others, that behavior didn’t appear out of nowhere. It was either modeled… tolerated… or never corrected. At what point do we stop blaming “kids being kids” and start holding adults accountable? WHY ARE SOME PARENTS FAILING TO TEACH BASIC RESPECT?
1:04

THIS IS WHAT HAPPENS WHEN PARENTS WANT TO BE “FRIENDS” INSTEAD OF PARENTS. HOW WOULD YOU REACT IF THIS WERE YOUR CHILD??? IF YOU’RE NOT TEACHING YOUR CHILD KINDNESS AND EMPATHY …WHO DO YOU THINK WILL? In this video, a child openly disrespects an older gentleman…and when he calmly responds with, “You are being rude,” it exposes a much bigger issue. We’re watching a generation raised on entitlement, unchecked behavior, and zero accountability. Kindness isn’t automatic. Respect isn’t inherited. Inclusivity isn’t learned from a screen. These values are TAUGHT…or they’re ignored. And when they’re ignored, moments like this go viral. If a child is comfortable speaking with open hostility or ignorance toward others, that behavior didn’t appear out of nowhere. It was either modeled… tolerated… or never corrected. At what point do we stop blaming “kids being kids” and start holding adults accountable? WHY ARE SOME PARENTS FAILING TO TEACH BASIC RESPECT?

𝐌𝐑. 𝐖𝐇𝐈𝐓𝐄 ™

44,166 Aufrufe • vor 7 Monaten

My honest take on Kimi.ai K3 👀 As soon as I got access to Kimi, I put it through the exact same 3D football stadium challenge I had previously given Claude Fable 5. Fable 5 finished in under an hour. Kimi took almost 3 hours 🥵 At first, that was a very bad impression but i decided to see what's taking it this much of time. It was running E2E tests, validating desktop, tablet, and mobile, taking screenshots, finding failures, fixing them, even adapting for low end hardware and low FPS before moving on. All these that Fable 5 never did. None of it because it wasn't able to run this WebGL app on a headless browser. Kimi also shipped a clean React + Three.js codebase with proper components while Fable, as you might have checked codebase, generated one big HTML file with everything stuffed in. With all of this happening, it felt like I was doing more "Vibe Coding" with Fable 5 and more "Vibe Engineering" with Kimi K3. It feels like it's spending more time making sure the code actually works and easily scalable. Really impressed so far. More Kimi K3 experiments coming soon. Code (Kimi): Code (Fable): Live (Kimi hosted):
0:53

My honest take on Kimi.ai K3 👀 As soon as I got access to Kimi, I put it through the exact same 3D football stadium challenge I had previously given Claude Fable 5. Fable 5 finished in under an hour. Kimi took almost 3 hours 🥵 At first, that was a very bad impression but i decided to see what's taking it this much of time. It was running E2E tests, validating desktop, tablet, and mobile, taking screenshots, finding failures, fixing them, even adapting for low end hardware and low FPS before moving on. All these that Fable 5 never did. None of it because it wasn't able to run this WebGL app on a headless browser. Kimi also shipped a clean React + Three.js codebase with proper components while Fable, as you might have checked codebase, generated one big HTML file with everything stuffed in. With all of this happening, it felt like I was doing more "Vibe Coding" with Fable 5 and more "Vibe Engineering" with Kimi K3. It feels like it's spending more time making sure the code actually works and easily scalable. Really impressed so far. More Kimi K3 experiments coming soon. Code (Kimi): Code (Fable): Live (Kimi hosted):

The Bugged Dev

580,126 Aufrufe • vor 3 Monaten