Made a 3D construction simulation where an autonomous site... erects a five storey building component by component, with crane lifts, material deliveries, fastening robots and structural validation. Built with Three.js, WebGPU and Rapier. Showed main stages to keep the video short.show more

🎉 Introducing: Interactive Lanyard Component for Framer. Add a... custom 3D lanyard with adjustable colors, patterns, and styles to your site without any coding. RT + comment 'LANYARD' and i'll send you the component :)show more

I built an entire 3D editor this past weekend... with -- using natural language 🤯 Powered by React, Three.js, and the Rapier physics engine. I believe AI will soon enable us to create the tools we need the moment we think of them. Thread 👇show more

Kimi K3 built a fully procedural browser-based 3D exploration... game using Three.js WebGPU and GPU compute. It procedurally generated the environment, while using a 3D asset generation tool to create the rider and horse models, producing an expansive open world with forests, a log-cabin village, snowy mountains, and dynamic weather. External assets used: animated cowboy and horse models and terrain data.show more

Depth Anything V2 is a total beast for real-time... 3D. Built a website that hits 30fps+ depth reconstructions from a single camera feed, extruding 12k voxels via WebGPU. Pure ML running local Vision Transformers with Three.js and zero backend lag. Lmk in the comments if you want a copy! 🙌 Experience and music made with AI in Omma AI (tool by Spline).show more

I have the goal to learn hardware this year,... didn't know where to start so I ask OpenAI Astra to help me build a place to learn with some components I had already and if not use 3D model of the component 🤖show more

As the Grok 4.6 release approaches, Grok 4.5 seems... to be ageing like fine wine. Built an orbital assembly simulation around a colossal spacecraft, with robotic manipulators, hull installation, active welding and surrounding traffic, using Three.js.show more

The Kittiwake Hotel is fully booked! So cool to... see the new hotel being appreciated 😊✊ Built by the local fishermen in Kiberg. We designed and helped to give the project wings, with $ help from a seabird science project. Good conservation with a solid local component 👌#varangershow more

A new combobox component is coming to Dub.co soon:... ◆ Keyboard-friendly ◆ Blazing fast ◆ Smooth height-aware morphing ◆ Multi/single-select support Built with CMDK + Radix by WorkOS Popover by the 🐐 Tim Wilson and it will be fully open-source 🤩show more

How I built with Claude 👇 Prompt: "Design an... agency site where services are presented as supermarket product packaging in 3D" Use Three.js with WebGL to render all products in real time in the browser Use Blender to model the packaging then export as GLTF to load in Three.js Use GSAP for the smooth product rotation and hover interactions Save this if you want a portfolio that makes clients feel they are buying something premium 🛒show more

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

My favorite feature of the Next.js conf site: The... 3D badge refracts light from the HTML page. We'll release a case study soon with each little trick, so follow basement.studio if you don't want to miss it! (Of course, made with Three.js and drei)show more

I made a dumb mistake with my water shader🤦🏻‍♂️... The wave evolution equation has two parts: a standing wave component and a traveling wave component. When I was first getting this all to work, I hard-coded constants so the waves were always traveling forward at full speed. By adding a "standing wave ratio" where I can control the ratio between the two terms, I can now achieve wave patterns that oscillate in place. The video on the left has SWR = 0 and the video on the right SWR = 0.7 (I exaggerated the waves a bit to make the difference more noticeable). Now I have to re-record all my marketing videos...😭show more

Deconstructing the iconic Yellow Crane Tower in 3D. 🏛️... Created entirely using Opus 5 + Seedance 2.0. AI-driven architectural breakdown in action! Prompt： Video Description:Create a 15-second, 16:9 widescreen architectural instructional video showing the step-by-step construction of the Yellow Crane Tower. The layout, structural components, leader line callouts, dimensional scales, numbering labels, and color palette must remain strictly consistent throughout. Do not add, remove, or alter the shape and quantity of any architectural components. Core Instruction:This is an architectural assembly video designed to show how the Yellow Crane Tower is constructed layer by layer. Every component must be highlighted and clearly visible individually—no simultaneous motion or cluttered group movements. Motion Style: All components translate purely along their respective vertical axes (no rotation, arc trajectories, or mesh clipping/interpenetration). Only one group of components moves at any given moment while all other components remain stationary. The active moving component maintains 100% brightness, while inactive components are dimmed to approximately 60% brightness to guide viewer focus. Once a component settles into place, it restores to full brightness. Include a brief ~0.15-second pause after each component group settles before moving to the next, establishing a clear rhythm. Timeline (Bottom-to-Top Construction Sequence): 0.0–1.5s: Hold the initial exploded/deconstructed floating state. The camera slowly rises and pushes forward slightly (angle change < 8°). Leader lines move with their corresponding components, pointing accurately to each part. 1.5–2.6s: The stone podium base lowers vertically into place, establishing the ground baseline for the building. 2.6–3.8s: Major columns (interior gold pillars and eave pillars) drop vertically into the stone plinths from above, perfectly aligned. 3.8–5.0s: Tie beams and lintels slot horizontally into the column tops, interlocking with mortise-and-tenon joints. 5.0–7.0s: Bracket sets (Dougong) assemble individually from bottom to top: bearing blocks, bracket arms, angled levers, and cap blocks lock together layer by layer. (Key sequence: slow motion to clearly showcase the intricate stacking). 7.0–8.2s: Eave rafters and flying rafters align and settle along the roof pitch, forming the deep overhang eaves. 8.2–9.4s: Board tiles and semi-cylindrical roof tiles lay down row by row from bottom to top, covering the rafters. 9.4–10.5s: Roof ridge components and the central finial drop into place. The full building structure is now complete. Leader lines and text labels fade out smoothly. 10.5–12.0s: The fully assembled Yellow Crane Tower remains stable as the camera orbits extremely slowly around it. 12.0–15.0s: All components separate vertically in the exact reverse order, returning to the precise initial exploded/deconstructed layout. The final frame composition perfectly matches the first frame to allow a seamless loop. Negative Constraints:No simultaneous component movement, random scattering, shattering, melting, rotating, or flying off-screen. No changing component counts or morphing architecture. No incorrect Dougong stacking order, tile-rafter clipping, misaligned leader lines, garbled label text, fast camera orbits/zooms, black screens, white flashes, frozen frames, fade-outs, watermarks, or platform end cards.show more

How is BMC allowing this? An apartment construction site... is ruining the nearby public road. Why is a road built and maintained with taxpayers’ money being allowed to be damaged like this? If BMC is serious, I can share locations where this is happening.show more

Generated this video by chatting with a single agent... ✨ I told GLIF that I wanted to create this anime short. It made the storyboard with GPT-Image-2 and then animated it with Seedance 2. Such an easy way to get controllable video generation!show more

Imagine an RPG where every landmark can be reached... on foot, your actions shape the world and your choices have consequences... A Short Quest is that game, built by 2 guys with nothing but a dream and a bit of indie magic ✨show more

Incredible to see what a professional animator can do... with AI video. He created a 3D previz and then had Seedance render the actual anime - with the motion and camera control preserved! (made by ててつろう)show more

Rockets once built by humans, now by AIs! 🚀... We introduce BuildArena 🏟️, where LLM agents design, build, and test rockets, cars, and bridges in a physics simulator. This is #AIforEngineering in action! As AI researchers, we've always wondered: could an AI build a machine? Engineering is more than shapes; it's spatial reasoning, dynamics, and stability. ⚙️ With BuildArena, AIs now build, not just talk. They turn words into designs, blueprints, and finally, 3D mechanisms tested in real-time physics. This demonstrates a step towards #AgenticEngineering #EngineeringConstructionAutomation. Imagine: 🚀 AI engineers drafting rockets that fly. 🌗 Autonomous robots on the Moon building with local materials. 🌉 Disaster-site bots fabricating bridges on demand. BuildArena is the first step toward this future. 💻 Project website: 📦 code repository:show more