Загрузка видео...

Не удалось загрузить видео

Возникла проблема при загрузке этого видео. Это может быть связано с временными проблемами сети или видео может быть недоступно.

На главную

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

8,115 subscribers

35,464 просмотров • 7 месяцев назад •via X (Twitter)

Образование Наука и технологии #threejs #webgl

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

Dan Greenheck

28,002 просмотров • 7 месяцев назад

I'm building a first-class shader graph editor for Three.js. Powered by TSL and WebGPU. Real-time previews. Human readable code. Type inference. The list goes on. The free plan will include a fully featured editor (except for custom code nodes) with export to TSL so you can drop your shader right into your project in seconds. I'll also be offering a paid plan for a small monthly fee to cover hosting costs. Some benefits include unlimited projects, private projects, versioning, export to GLSL/WGSL, and more. Join the waitlist now👇🏻

I'm building a first-class shader graph editor for Three.js. Powered by TSL and WebGPU. Real-time previews. Human readable code. Type inference. The list goes on. The free plan will include a fully featured editor (except for custom code nodes) with export to TSL so you can drop your shader right into your project in seconds. I'll also be offering a paid plan for a small monthly fee to cover hosting costs. Some benefits include unlimited projects, private projects, versioning, export to GLSL/WGSL, and more. Join the waitlist now👇🏻

Dan Greenheck

25,719 просмотров • 5 месяцев назад

$I am having a lot of fun with this ThreeJS game. Will probably be spending more time on this cosy flyer game for #vibejam And btw, shaders are awesome! I highly recommend anyone building a 3D game to add some shaders to make your game look good. Here's a quick primer on the different types of shaders you can tell your AI to level up your game's graphics: - Noise-based shader for water refractions or shimmer - Fresnel shader for a nice rim lighting effect on your 3D game objects - Post-processing shader to change your game's color scheme dynamically - Post-processing shaders like the VHS effect that @levelsio use for the Drone flyer game - Shader effect to make the trees sway or objects wobble - and many more uses Shaders are incredibly versatile and useful. I would recommend you to go YT to check out some shader basics videos and come up with more creative uses for them!$

I am having a lot of fun with this ThreeJS game. Will probably be spending more time on this cosy flyer game for #vibejam And btw, shaders are awesome! I highly recommend anyone building a 3D game to add some shaders to make your game look good. Here's a quick primer on the different types of shaders you can tell your AI to level up your game's graphics: - Noise-based shader for water refractions or shimmer - Fresnel shader for a nice rim lighting effect on your 3D game objects - Post-processing shader to change your game's color scheme dynamically - Post-processing shaders like the VHS effect that @levelsio use for the Drone flyer game - Shader effect to make the trees sway or objects wobble - and many more uses Shaders are incredibly versatile and useful. I would recommend you to go YT to check out some shader basics videos and come up with more creative uses for them!

Danny Limanseta

202,718 просмотров • 3 месяцев назад

🚀 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

🚀 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

23,272 просмотров • 1 месяц назад

$Two new #threejs projects on the way 😍 Working on my own gem renderer with a custom refraction material in TSL for #WebGPU, combining Screen Space Reflections + SSGTAO for superior results, as this allows diamonds to generate reflections on the metal mesh. The performance is incredible, even on gems with over 200 diamonds. This time, without any additional libraries. Just React Three Fiber and a lot of magic with custom shaders in TSL. GemGPU™ will also come with a very minimalist gem and metal customization panel that hides and lets the jewelry be the star. I also created a beautiful new stats panel that completely hides in the scene when not needed. It provides relevant optimization information, a performance gauge, summary and expanded modes, and day/night toggle. In the video, you can also see SSGI in action, with a pearl that reflects, in real time, all the objects in the scene, just as the objects in the scene reflect the pearl. It's magical. There are still a few things to fix, but I'll share the live link soon. Stay tuned.$

Two new #threejs projects on the way 😍 Working on my own gem renderer with a custom refraction material in TSL for #WebGPU, combining Screen Space Reflections + SSGTAO for superior results, as this allows diamonds to generate reflections on the metal mesh. The performance is incredible, even on gems with over 200 diamonds. This time, without any additional libraries. Just React Three Fiber and a lot of magic with custom shaders in TSL. GemGPU™ will also come with a very minimalist gem and metal customization panel that hides and lets the jewelry be the star. I also created a beautiful new stats panel that completely hides in the scene when not needed. It provides relevant optimization information, a performance gauge, summary and expanded modes, and day/night toggle. In the video, you can also see SSGI in action, with a pearl that reflects, in real time, all the objects in the scene, just as the objects in the scene reflect the pearl. It's magical. There are still a few things to fix, but I'll share the live link soon. Stay tuned.

Anderson Mancini

12,113 просмотров • 5 месяцев назад

Move AI agents into your sketchbook!? It watches you draw in real-time to brainstorm and generate SVGs. To get this running entirely in a single client-side HTML file, I had to build: - My own "DeskView" un-distort from the iPad's wide angle camera (via WebGL homography, DeskView is not available on iPads natively) - WebGPU shaders for the audio-reactive holographic edge glow - WebSocket streaming for the voice/vision loop via Google Gemini AI Live API Built with natural language in Omma AI Would you like to try?

Move AI agents into your sketchbook!? It watches you draw in real-time to brainstorm and generate SVGs. To get this running entirely in a single client-side HTML file, I had to build: - My own "DeskView" un-distort from the iPad's wide angle camera (via WebGL homography, DeskView is not available on iPads natively) - WebGPU shaders for the audio-reactive holographic edge glow - WebSocket streaming for the voice/vision loop via Google Gemini AI Live API Built with natural language in Omma AI Would you like to try?

Gábor Pribék

16,050 просмотров • 2 месяцев назад

The time has finally come! After months of hard work, the Three.js Roadmap beta is now LIVE! 🙌🏻 👉🏻 If you're interested in learning 3D web development but are on a tight budget💰, my courses are perfect for you! I've launched the site with four short courses: ✅ Introduction to Three.js (FREE) ✅ 3D Math Fundamentals ✅ Creating a Debug UI ✅ Lighting and Shadows Purchasing a paid course will also gain you access to the Three.js Roadmap Discord server where you can ask questions and chat with other developers. For the next few weeks I'll be focusing on polish and stability for the site, and then I will go into full content-creation mode and start pumping out new courses! Looking forward to seeing what we build together! 🔨 #threejs #webgl #gamedev

The time has finally come! After months of hard work, the Three.js Roadmap beta is now LIVE! 🙌🏻 👉🏻 If you're interested in learning 3D web development but are on a tight budget💰, my courses are perfect for you! I've launched the site with four short courses: ✅ Introduction to Three.js (FREE) ✅ 3D Math Fundamentals ✅ Creating a Debug UI ✅ Lighting and Shadows Purchasing a paid course will also gain you access to the Three.js Roadmap Discord server where you can ask questions and chat with other developers. For the next few weeks I'll be focusing on polish and stability for the site, and then I will go into full content-creation mode and start pumping out new courses! Looking forward to seeing what we build together! 🔨 #threejs #webgl #gamedev

Dan Greenheck

21,283 просмотров • 1 год назад

At this point, I’m so deep into vibe coding that I ended up building a cyberpunk 3D Rubik’s Cube game with multiple skins and a 3D AI assistant to help you solve the cube 😎 It’s built using Three.js with matrix mathematics, GLSL shaders, raycasting, and a hybrid shadow system, all developed in Google AI Studio using Gemini 3 Pro. With features, - Automatically rotating Rubik’s Cube in the hero section that continuously solves unsolve itself infinitely - Ability to switch between different themes - Interactive gameplay with drag and drop axis rotations - Keyboard controls for cube movements - 3D AI assistance to help you solve the cube when you get stuck - Built in timer with a stylish completion ticket that confirms when the cube is solved - smooth animations using GSAP Go rubik yourself :) Live: Code:

At this point, I’m so deep into vibe coding that I ended up building a cyberpunk 3D Rubik’s Cube game with multiple skins and a 3D AI assistant to help you solve the cube 😎 It’s built using Three.js with matrix mathematics, GLSL shaders, raycasting, and a hybrid shadow system, all developed in Google AI Studio using Gemini 3 Pro. With features, - Automatically rotating Rubik’s Cube in the hero section that continuously solves unsolve itself infinitely - Ability to switch between different themes - Interactive gameplay with drag and drop axis rotations - Keyboard controls for cube movements - 3D AI assistance to help you solve the cube when you get stuck - Built in timer with a stylish completion ticket that confirms when the cube is solved - smooth animations using GSAP Go rubik yourself :) Live: Code:

The Bugged Dev

15,360 просмотров • 5 месяцев назад

I can finally announce the project I've been working on with Joce ! Fondant is building a new app that brings avatars and vtubing to Web. Multiplayer lobbies for vtuber streamer collabs or just hangouts with friends, as well as character customization tools building up to a full creator. We are using a WebGL and WebGPU techstack, so part of the point is to provide a cross-platform alternative to the current Unity based app ecosystem, and also to build tools that people can use to create or modify characters without going through a DCC (Blender, Maya, etc). For now we're starting with the basics: multiplayer lobbies, VRM support, and some tools like merging accessories into existing VRMs in the quoted post, and transferring Custom Vertex Normals from proxy meshes. My role is stylized shaders and procedural character creation. I've been working on NPR Shaders and tools to help build and customize 3D anime characters in Blender for years. With WebGPU, we can bring it into Web. My hope is to build a full character customization system for the Web with next gen toon shaders, and also a matching set of tools in Blender for serious content creators. But it is early days still, and there's a lot to be done! Here's the latest WIP of the rig for fitting proxy meshes to new faces.

I can finally announce the project I've been working on with Joce ! Fondant is building a new app that brings avatars and vtubing to Web. Multiplayer lobbies for vtuber streamer collabs or just hangouts with friends, as well as character customization tools building up to a full creator. We are using a WebGL and WebGPU techstack, so part of the point is to provide a cross-platform alternative to the current Unity based app ecosystem, and also to build tools that people can use to create or modify characters without going through a DCC (Blender, Maya, etc). For now we're starting with the basics: multiplayer lobbies, VRM support, and some tools like merging accessories into existing VRMs in the quoted post, and transferring Custom Vertex Normals from proxy meshes. My role is stylized shaders and procedural character creation. I've been working on NPR Shaders and tools to help build and customize 3D anime characters in Blender for years. With WebGPU, we can bring it into Web. My hope is to build a full character customization system for the Web with next gen toon shaders, and also a matching set of tools in Blender for serious content creators. But it is early days still, and there's a lot to be done! Here's the latest WIP of the rig for fitting proxy meshes to new faces.

aVersionOfReality

64,739 просмотров • 1 год назад

I built a Three.js rendering study inspired by Tiny Glade’s painterly aesthetic, and got it running at 120fps in the browser. Over the past few weeks, I’ve been studying how stylized games achieve that soft, handcrafted look in real time. Tiny Glade was a huge inspiration, and I wanted to use the browser as a constraint: no compute shaders, no native GPU access, and single-threaded JavaScript. As part of this study, I implemented: - GPU-driven instanced brick walls with procedural noise jitter and elastic build animations - Tree, bush, and flower rendering with billboard card expansion, wind sway, and grow animations - Procedural grass with terrain conformance and interactive push deformation - Animated water with layered noise, interactive ripples, and Fresnel-based reflections - Procedural terrain with slope-aware triplanar materials, dirt paths, and rocks - A 7-pass post-processing stack with TAA, bloom, depth of field, painterly filtering, ACES tonemapping, 3D LUT color grading, and film grain The hardest part wasn’t writing any single shader. It was making all of these systems work together at high frame rates inside WebGL, where every millisecond counts and performance problems compound quickly across animation, materials, post-processing, and scene management. Some techniques in this study were inspired by analyzing Tiny Glade’s rendering approach, while others were original implementations built from scratch from visual reference. That contrast taught me a lot: recreating an effect is one challenge, but designing your own shaders and systems to achieve a similar feel is a very different one. This is a private educational rendering study. Some temporary placeholder content is being used during the research phase, and any public or production version would use original or properly licensed assets. Huge credit to Pounce Light for the incredible art direction and rendering work in Tiny Glade: Three.js #gamedev #webgl #threejs #rendering #graphics #realtimerendering #shaderdev

I built a Three.js rendering study inspired by Tiny Glade’s painterly aesthetic, and got it running at 120fps in the browser. Over the past few weeks, I’ve been studying how stylized games achieve that soft, handcrafted look in real time. Tiny Glade was a huge inspiration, and I wanted to use the browser as a constraint: no compute shaders, no native GPU access, and single-threaded JavaScript. As part of this study, I implemented: - GPU-driven instanced brick walls with procedural noise jitter and elastic build animations - Tree, bush, and flower rendering with billboard card expansion, wind sway, and grow animations - Procedural grass with terrain conformance and interactive push deformation - Animated water with layered noise, interactive ripples, and Fresnel-based reflections - Procedural terrain with slope-aware triplanar materials, dirt paths, and rocks - A 7-pass post-processing stack with TAA, bloom, depth of field, painterly filtering, ACES tonemapping, 3D LUT color grading, and film grain The hardest part wasn’t writing any single shader. It was making all of these systems work together at high frame rates inside WebGL, where every millisecond counts and performance problems compound quickly across animation, materials, post-processing, and scene management. Some techniques in this study were inspired by analyzing Tiny Glade’s rendering approach, while others were original implementations built from scratch from visual reference. That contrast taught me a lot: recreating an effect is one challenge, but designing your own shaders and systems to achieve a similar feel is a very different one. This is a private educational rendering study. Some temporary placeholder content is being used during the research phase, and any public or production version would use original or properly licensed assets. Huge credit to Pounce Light for the incredible art direction and rendering work in Tiny Glade: Three.js #gamedev #webgl #threejs #rendering #graphics #realtimerendering #shaderdev

Ibrahim Boona

58,625 просмотров • 3 месяцев назад

3D creation, made easy. Unity Studio is officially here 🎉 Real-time 3D creation just got a whole lot easier for enterprise and industrial applications. Whether you’re a designer or a decision-maker, build and share interactive 3D applications with zero coding required. What you need to know: ✅ Import and create with existing CAD and 3D data ✅ Build scenes with drag-and-drop tools ✅ Add interactions without writing code ✅ Share instantly with a web link Get 30 free days of free access, starting right now! 👉 Claim your free trial: #UnityStudio #UnityIndustry

3D creation, made easy. Unity Studio is officially here 🎉 Real-time 3D creation just got a whole lot easier for enterprise and industrial applications. Whether you’re a designer or a decision-maker, build and share interactive 3D applications with zero coding required. What you need to know: ✅ Import and create with existing CAD and 3D data ✅ Build scenes with drag-and-drop tools ✅ Add interactions without writing code ✅ Share instantly with a web link Get 30 free days of free access, starting right now! 👉 Claim your free trial: #UnityStudio #UnityIndustry

Unity

34,635 просмотров • 3 месяцев назад

HTML canvas has always been a black box to the browser, but not anymore. The HTML-in-Canvas API lets you integrate real DOM elements directly into the canvas, making them fully searchable, accessible, natively translatable, and inspectable. Fuse shaders and semantics to build new UI, eliminating the need for separate DOM overlays → The web is about to get a whole lot more whimsical and we can't wait to see it 🎨

HTML canvas has always been a black box to the browser, but not anymore. The HTML-in-Canvas API lets you integrate real DOM elements directly into the canvas, making them fully searchable, accessible, natively translatable, and inspectable. Fuse shaders and semantics to build new UI, eliminating the need for separate DOM overlays → The web is about to get a whole lot more whimsical and we can't wait to see it 🎨

Chrome for Developers

41,367 просмотров • 1 месяц назад

Introducing the Robora 3D Builder by our Co-Founder, Guang Cheng: a web based, drag and drop interface for rapid robotics prototyping. Designed for hobbyists and DIY enthusiasts, the MVP includes 5 - 8 essential hardware modules: wheeled bases, motors, servos, LiDAR, sensors, and an integrated starter brick for power and control. With a user friendly onboarding wizard, real time 3D visualization, and automatic component alignment, building a robot has never been easier. No coding or CAD required. Once your design is ready, export it as a URDF file or a parts list for quick prototyping, simulation, or assembly. Early access to the 3D Builder will be available through our Dapp shortly.

Introducing the Robora 3D Builder by our Co-Founder, Guang Cheng: a web based, drag and drop interface for rapid robotics prototyping. Designed for hobbyists and DIY enthusiasts, the MVP includes 5 - 8 essential hardware modules: wheeled bases, motors, servos, LiDAR, sensors, and an integrated starter brick for power and control. With a user friendly onboarding wizard, real time 3D visualization, and automatic component alignment, building a robot has never been easier. No coding or CAD required. Once your design is ready, export it as a URDF file or a parts list for quick prototyping, simulation, or assembly. Early access to the 3D Builder will be available through our Dapp shortly.

Robora

40,647 просмотров • 10 месяцев назад

Forget trying to design everything in Figma. You can build your own design tools with AI. Introducing Toolcraft - a starter kit and UI library for building beautiful creative apps. It's free and available for you today. npx @pixel-point/toolcraft create Use it to build apps to stylize images, create WebGL shaders, Three.js scenes, animations, photo editing tools, or whatever else needs a canvas and controls. Toolcraft gives you the full architecture in a single solution. It comes with: - plenty of UI components: sliders, pickers, timelines, curves, and more - built-in canvas, export, and toolbar setup - AI instructions to help the agent deliver a great result to you With Toolcraft, you don’t need an extensive prompt. Just explain what type of visuals you want to build, attach references, and wait. It’s been a game changer for our design process. Watch the full video on our YouTube channel with all the details and examples.

Forget trying to design everything in Figma. You can build your own design tools with AI. Introducing Toolcraft - a starter kit and UI library for building beautiful creative apps. It's free and available for you today. npx @pixel-point/toolcraft create Use it to build apps to stylize images, create WebGL shaders, Three.js scenes, animations, photo editing tools, or whatever else needs a canvas and controls. Toolcraft gives you the full architecture in a single solution. It comes with: - plenty of UI components: sliders, pickers, timelines, curves, and more - built-in canvas, export, and toolbar setup - AI instructions to help the agent deliver a great result to you With Toolcraft, you don’t need an extensive prompt. Just explain what type of visuals you want to build, attach references, and wait. It’s been a game changer for our design process. Watch the full video on our YouTube channel with all the details and examples.

Alex Barashkov

259,099 просмотров • 15 дней назад

THIS GUY VIBE CODED GTA 6 ON GOOGLE EARTH IN ONE WEEKEND WITH CLAUDE CODE he built a browser based GTA style game that runs on top of real google earth cities drop into any real city on earth and drive through the actual streets real cops chase you, shoot at you, and arrest you at real police stations your in car radio auto tunes to real local stations based on where you are in the game (radio garden API) planes spawn at every real airport, boats spawn at every real port (OSM data) when you die you respawn at the nearest actual hospital. when you get arrested you respawn at the nearest actual police station the stack: - cesium for rendering google 3D tiles in browser - three.js for vehicles and physics - radio garden + OSM for the location data - claude code wrote 80% of the code this is the type of project that would have taken MONTHS to create this guy did it in less than 48 hours with barely any effort the possibilities with vibe coding in the game dev space are actually endless

THIS GUY VIBE CODED GTA 6 ON GOOGLE EARTH IN ONE WEEKEND WITH CLAUDE CODE he built a browser based GTA style game that runs on top of real google earth cities drop into any real city on earth and drive through the actual streets real cops chase you, shoot at you, and arrest you at real police stations your in car radio auto tunes to real local stations based on where you are in the game (radio garden API) planes spawn at every real airport, boats spawn at every real port (OSM data) when you die you respawn at the nearest actual hospital. when you get arrested you respawn at the nearest actual police station the stack: - cesium for rendering google 3D tiles in browser - three.js for vehicles and physics - radio garden + OSM for the location data - claude code wrote 80% of the code this is the type of project that would have taken MONTHS to create this guy did it in less than 48 hours with barely any effort the possibilities with vibe coding in the game dev space are actually endless

Om Patel

123,234 просмотров • 2 месяцев назад

Everyone is using Fable 5 to build funny little demos so I decided to build something better. Vibe coded a 3D keyboard ecom platform in Three.js and GSAP. Every key. Every switch. Every color. Customizable in real time in 3D. It's really amusing that whole keyboard is built at runtime using Procedural geometry. To achieve that kind of realistic lighting on keyboard, it used a studio environment (gradient sky + softbox panels) rendered into a PMREM cubemap for realistic reflections. Opus helped a bit more here (as Fable was failing in loop in Claude chat) There is also custom GLSL shaders for RGB underflow/skirt and as well sRGB output encoding + explicit convertSRGBToLinear() on every material color so caps render at their exact swatch value. I don't know any of these techniques and concepts but I have had been reading how both Fable and Opus were trying to approach this by digging into their "thinking" phase. Go try it, there is a cool Claude theme keyboard you would want to purchase too :D Live: Code:

Everyone is using Fable 5 to build funny little demos so I decided to build something better. Vibe coded a 3D keyboard ecom platform in Three.js and GSAP. Every key. Every switch. Every color. Customizable in real time in 3D. It's really amusing that whole keyboard is built at runtime using Procedural geometry. To achieve that kind of realistic lighting on keyboard, it used a studio environment (gradient sky + softbox panels) rendered into a PMREM cubemap for realistic reflections. Opus helped a bit more here (as Fable was failing in loop in Claude chat) There is also custom GLSL shaders for RGB underflow/skirt and as well sRGB output encoding + explicit convertSRGBToLinear() on every material color so caps render at their exact swatch value. I don't know any of these techniques and concepts but I have had been reading how both Fable and Opus were trying to approach this by digging into their "thinking" phase. Go try it, there is a cool Claude theme keyboard you would want to purchase too :D Live: Code:

The Bugged Dev

95,204 просмотров • 10 дней назад

🚨Architects are going to hate this. Someone just open sourced a full 3D building editor that runs entirely in your browser. No AutoCAD. No Revit. No $5,000/year licenses. It's called Pascal Editor. Built with React Three Fiber and WebGPU -- meaning it renders directly on your GPU at near-native speed. Here's what's inside this thing: → A full building/level/wall/zone hierarchy you can edit in real time → An ECS-style architecture where every object updates through GPU-powered systems → Zustand state management with full undo/redo built in → Next.js frontend so it deploys as a web app, not a desktop install → Dirty node tracking -- only re-renders what changed, not the whole scene Here's the wildest part: You can stack, explode, or solo individual building levels. Select a zone, drag a wall, reshape a slab -- all in 3D, all in the browser. Architecture firms pay $50K+ per seat for BIM software that does this workflow. This is free. 100% Open Source.

🚨Architects are going to hate this. Someone just open sourced a full 3D building editor that runs entirely in your browser. No AutoCAD. No Revit. No $5,000/year licenses. It's called Pascal Editor. Built with React Three Fiber and WebGPU -- meaning it renders directly on your GPU at near-native speed. Here's what's inside this thing: → A full building/level/wall/zone hierarchy you can edit in real time → An ECS-style architecture where every object updates through GPU-powered systems → Zustand state management with full undo/redo built in → Next.js frontend so it deploys as a web app, not a desktop install → Dirty node tracking -- only re-renders what changed, not the whole scene Here's the wildest part: You can stack, explode, or solo individual building levels. Select a zone, drag a wall, reshape a slab -- all in 3D, all in the browser. Architecture firms pay $50K+ per seat for BIM software that does this workflow. This is free. 100% Open Source.

Guri Singh

2,967,409 просмотров • 3 месяцев назад

Mintair : One Click Node Platform🪄 Deploy Nodes in seconds. No code. Just clicks. Works on both phone & PC. Instant Deployment⚡ 99.99% Uptime🟢 24/7 Support on Discord🫂 BASIC FAQ's about Mintair⁉️ Q: What is Mintair? 🤔 A no-code node deployment platform. Pay monthly, deploy in one click, and manage everything from a clean UI. Q: How do I pay?💳 We offer multiple cryptocurrency payment options. Either you can simply connect your wallet and pay, or you can send using the QR option. Q: What problem is Mintair solving? Node deployment used to be complicated, very. Mintair makes it possible in seconds, even from your phone. Q: If I shut down my computer/close the website, will the node stop running? 🟢 Nope. It keeps running 24/7. We monitor, update, and maintain it, so you don’t have to. Take a chill pill🥳 Q: Do I have to Check the Node status daily? Not required — but it’s good to keep an eye for alerts or errors. Q: How can i extend my existing node plan ? Head to your Active Nodes → click the 3-dot menu → “Extend Plan” Q: What happens to you node after plan expires ? You get time to renew. If you preload credits, auto-renew takes care of it. If not, node moves to stopped state — and your keys still stay visible. For any more queries you can always visit Mintair Help Centre:

Mintair : One Click Node Platform🪄 Deploy Nodes in seconds. No code. Just clicks. Works on both phone & PC. Instant Deployment⚡ 99.99% Uptime🟢 24/7 Support on Discord🫂 BASIC FAQ's about Mintair⁉️ Q: What is Mintair? 🤔 A no-code node deployment platform. Pay monthly, deploy in one click, and manage everything from a clean UI. Q: How do I pay?💳 We offer multiple cryptocurrency payment options. Either you can simply connect your wallet and pay, or you can send using the QR option. Q: What problem is Mintair solving? Node deployment used to be complicated, very. Mintair makes it possible in seconds, even from your phone. Q: If I shut down my computer/close the website, will the node stop running? 🟢 Nope. It keeps running 24/7. We monitor, update, and maintain it, so you don’t have to. Take a chill pill🥳 Q: Do I have to Check the Node status daily? Not required — but it’s good to keep an eye for alerts or errors. Q: How can i extend my existing node plan ? Head to your Active Nodes → click the 3-dot menu → “Extend Plan” Q: What happens to you node after plan expires ? You get time to renew. If you preload credits, auto-renew takes care of it. If not, node moves to stopped state — and your keys still stay visible. For any more queries you can always visit Mintair Help Centre:

Mintair | One Click Infra

67,967 просмотров • 1 год назад

Introducing FlowMaker 🌊🤖 A fully open-source, low-code way of building custom agent workflows. Build agents via a drag and drop interface, run it directly in the app, and also directly export it into a deeply custom workflow backed by LlamaIndex 🦙.TS. It’s a fantastic visual tool to help you get started with agents but also gives you full customizability to build the deepest, most advanced workflows, since everything is backed by code. There’s a lot of great low-code agent tools already, but this is a fully-open source template that you can use or clone/customize for your own needs. It was a fun project by Laurie Voss and is intended to give users an easy-on ramp onto our powerful agent orchestration tooling. Also integrates with LlamaCloud in case you want to integrate your own knowledge base into your agent. FlowMaker app: FlowMaker Repo: LlamaCloud:

Introducing FlowMaker 🌊🤖 A fully open-source, low-code way of building custom agent workflows. Build agents via a drag and drop interface, run it directly in the app, and also directly export it into a deeply custom workflow backed by LlamaIndex 🦙.TS. It’s a fantastic visual tool to help you get started with agents but also gives you full customizability to build the deepest, most advanced workflows, since everything is backed by code. There’s a lot of great low-code agent tools already, but this is a fully-open source template that you can use or clone/customize for your own needs. It was a fun project by Laurie Voss and is intended to give users an easy-on ramp onto our powerful agent orchestration tooling. Also integrates with LlamaCloud in case you want to integrate your own knowledge base into your agent. FlowMaker app: FlowMaker Repo: LlamaCloud:

Jerry Liu

20,413 просмотров • 11 месяцев назад

🚨 Electrical engineers are going to hate this. Someone just turned React into a circuit board factory. Write code. Get a real PCB manufactured and delivered to your door. It's called tscircuit. React for Electronics. No Altium. No $10,000/year licenses. No 6-month learning curve. You write React components. But instead of and , you write , , and . The same way you build a website. That's how you build a circuit board now. Here's what this thing actually does: → Design real circuit boards using TypeScript and React → Edit code in your IDE, watch the circuit update in real time → Auto-generates schematics, PCB layouts, and 3D previews from your code → Automatic part selection and bill of materials generation → Built-in autorouting algorithm for PCB traces → Export to Gerber files and send directly to a manufacturer → Online playground. Design circuits in your browser right now. Here's the wildest part: The creator wrote 40 lines of TypeScript. From that he got a full PCB, a schematic, and a 3D preview. Then he exported it, sent it to a manufacturer, and got a real working circuit board delivered. 40 lines of code. A real physical product. This is free. Write React. Get hardware. $20K+ in bounties already paid to contributors. 8 years in the making. 100% Open Source. MIT License.

🚨 Electrical engineers are going to hate this. Someone just turned React into a circuit board factory. Write code. Get a real PCB manufactured and delivered to your door. It's called tscircuit. React for Electronics. No Altium. No $10,000/year licenses. No 6-month learning curve. You write React components. But instead of and , you write , , and . The same way you build a website. That's how you build a circuit board now. Here's what this thing actually does: → Design real circuit boards using TypeScript and React → Edit code in your IDE, watch the circuit update in real time → Auto-generates schematics, PCB layouts, and 3D previews from your code → Automatic part selection and bill of materials generation → Built-in autorouting algorithm for PCB traces → Export to Gerber files and send directly to a manufacturer → Online playground. Design circuits in your browser right now. Here's the wildest part: The creator wrote 40 lines of TypeScript. From that he got a full PCB, a schematic, and a 3D preview. Then he exported it, sent it to a manufacturer, and got a real working circuit board delivered. 40 lines of code. A real physical product. This is free. Write React. Get hardware. $20K+ in bounties already paid to contributors. 8 years in the making. 100% Open Source. MIT License.

Nav Toor

380,395 просмотров • 3 месяцев назад