The Browser Lab is an online platform designed to test and visualize 3D scenes directly in the browser. Built with Three.js, it provides a streamlined environment for developers and designers to experiment with 3D models, lighting setups, animations, and rendering techniques without the need for local setup or installations. <h3>Key Features:</h3><ul><li>Three.js Integration: Fully supports Three.js, allowing seamless testing of 3D assets and code.</li><li>Real-Time Previews: View changes instantly as you tweak materials, lighting, or camera settings.</li><li>Customizable Environment: Experiment with various rendering options, including shadows, textures, and post-processing effects.</li><li>Browser-Based Access: No installation required; accessible directly via any modern web browser.</li><li>Collaboration Tools: Share your work and collaborate with others through easy link-sharing.</li></ul><h3>Ideal Use Cases:</h3><ul><li>Testing and debugging Three.js scenes quickly and efficiently.</li><li>Experimenting with different 3D setups and rendering techniques.</li><li>Prototyping 3D designs for web projects without a heavy local development setup.</li></ul><h3>Why Use This Tool?</h3>The Browser Lab simplifies the workflow for Three.js developers by providing a fast, accessible, and feature-rich platform for testing and visualizing 3D scenes directly in the browser.

The Browser Lab

A browser based platform for testing and visualizing 3D scenes, fully integrated with Three js

Womp is a user-friendly platform for designing, sharing, and collaborating on 3D models directly in your browser. It combines intuitive tools with powerful features, making 3D creation accessible to both beginners and professionals. <h3>Key Features:</h3><ul><li>No Experience Needed: Simple interface suitable for all skill levels.</li><li>Collaborative Workflows: Share and edit projects with teammates in real time.</li><li>Browser-Based: No downloads required; create 3D models directly online.</li><li>Seamless Sharing: Export and share your 3D creations effortlessly.</li></ul>Womp is perfect for designers, developers, and enthusiasts looking for a straightforward way to create 3D models for various applications.

Womp

AR and 3D configurator generator tools by us🤩💎 🌟Exciting News for Product Designers, Startups, and Software Companies! 🌟 We’ve developed a cutting-edge tool using Threejs and web-based AR technology that allows users to create interactive 3D configurators and AR experiences for their products—without any coding knowledge!🎥 In this video, I’ll be showcasing our dashboard and its incredible features:💎Lighting and Shadows customization💎Environment settings💎Material, Texture, and Color adjustments💎Transform💎Adding multiple models simultaneously💎Publish Link feature for easy embedding in websites via iFrame.This tool is ideal for launching startups, enhancing software company offerings, and creating innovative marketing campaigns.If you’re interested in purchasing the source code or ordering custom 3D design, animation, simulation, or web programming projects, feel free to contact me.💚WhatsApp :00989120067829💚Email : <a href="mailto:shahbazi.parisa10@gmail.com" rel="noopener noreferrer" target="_blank">shahbazi.parisa10@gmail.com</a>🙏🏻 Revolutionize how you present and customize products online—don’t miss out, watch the full video now!<a href="https://www.linkedin.com/feed/update/urn:li:activity:7244334215956221952/" rel="noopener noreferrer" target="_blank">https://www.linkedin.com/feed/update/urn:li:activity:7244334215956221952/</a>

AR and 3D configurator generator tools

AR and 3D configurator generator tools by us🤩💎 🌟   Product Designers, Startups, ...

<h2>What is Mattercraft?</h2> Mattercraft is a visual 3D content development platform designed to bridge the worlds of web, AR, VR, WebXR, 3D and game development. Perfect for web developers familiar with Three.js who are looking for a visual editor or game developers venturing into building web-based experiences. Mattercraft offers an intuitive, powerful development environment for building rich interactive content. Built with Three.js at the core, Mattercraft makes it easy to design, preview and publish dynamic 3D experiences without complex hand-coding. Its user-friendly interface lets you visually construct scenes, animations, physics, particles and interactions, while leveraging the best features on the web. <h2>Features</h2> <h3>Visual animation system</h3>Mattercraft features a rich and innovative animation system that includes layers, timelines and states. Unlock your creativity with keyframe support, custom curves, seamless interpolation transitions and 3D model animations. Craft unique animations effortlessly, redefining the way you bring your 3D web content to life. <h3>Realtime&nbsp;physics</h3>Experience cutting edge realism using the web optimised Havok physics engine, all managed via the interface for a simple and easy to use development process. <h3>Particle&nbsp;effects</h3>Take your experiences to the next level with particle effects. Choose from one of 6 pre-built effects or create your own. <h3>Augmented Reality</h3>Seamlessly develop immersive world, face, and image tracked augmented reality content. <h3>Visual Positioning System</h3>Mattercraft’s integration with Immersal empowers you to create immersive indoor and outdoor 3D environments with zero code, using the world’s most versatile and accurate Visual Positioning System (VPS). <h3>Headset&nbsp;support</h3>Effortlessly create Mixed and Virtual reality content (WebXR) for leading headsets such as Apple Vision Pro, Meta Quests, Magic Leap, and Zapbox. <h3>Seamless Scripting</h3>Mattercraft leverages Monaco, the excellent text editor from Visual Studio Code, to provide a delightful and responsive coding experience with a TypeScript compiler. <h3>Responsive UI with HTML</h3>Easy to build 2D screen UI. Making use of web standards (HTML and CSS). <h3>NPM</h3>Mattercraft lets you leverage your existing expertise and tooling, including full integration with the NPM repository of JavaScript libraries. <h3>Instant&nbsp;live preview</h3>Review your experiences with a single click and see real-time updates or make use of the built-in simulator to preview your content on different device sizes and network connections. <h3>One click publishing</h3>When hosting with Zapworks, you can instantly publish as many times as you need. Get your content into the hands of your users as soon as possible with no review times. <h3>Multi-user collaboration</h3>Develop collaboratively with multiple team members, Google docs style. <h3> </h3>

Mattercraft

Mattercraft is a visual editor perfected for building interactive 3D, AR, VR and WebXR experiences. 

Shaders.app is a powerful, web-based GLSL shader editor that allows developers and designers to create, test, and visualize shaders in real time. Perfectly suited for use with three.js, this interactive tool simplifies the process of creating custom visual effects and animations for 3D projects. Shaders.app is a valuable resource for anyone working with three.js who wants to explore the creative potential of shaders without extensive coding.

Shaders.app

Shaders.app is an interactive GLSL shader editor for creating visual effects in three.js

What is LGL Tracer?LGL Tracer is a powerful real-time ray tracing editor that allows developers and designers to create advanced 3D shaders and scenes using ray tracing techniques, perfect for use in three.js projects. With its intuitive visual editor, LGL Tracer helps users generate custom shaders and lighting effects, offering a streamlined way to create complex, photorealistic visuals without the need for deep technical knowledge. This tool is a valuable resource for enhancing the realism and lighting in three.js projects.Key Features:<ul><li>Real-Time Ray Tracing: LGL Tracer enables real-time ray tracing, providing developers with the ability to simulate realistic light behavior, including reflections, refractions, and shadows, directly in their three.js scenes.</li><li>Shader Creation: Use the editor to create and customize complex shaders for materials, surfaces, and lighting effects, elevating the visual quality of your three.js projects.</li><li>Interactive Visual Editor: The intuitive node-based visual editor allows you to easily build and modify shaders without needing to write code, making it accessible for both beginners and experienced developers.</li><li>Seamless Integration with Three.js: Shaders and ray tracing effects created in LGL Tracer can be exported and integrated directly into three.js projects, ensuring smooth and efficient workflows.</li><li>Lighting and Material Optimization: Create realistic materials and control how light interacts with objects in 3D space, making it perfect for enhancing scenes with complex lighting setups.</li></ul>Why Use LGL Tracer?LGL Tracer is a highly useful resource for developers working with three.js who want to introduce advanced lighting, shading, and ray tracing effects into their projects. By simplifying the process of creating realistic materials and lighting effects, LGL Tracer enables developers to focus on the creative aspects of their projects while achieving visually stunning results in their three.js environments.

Lgltracer

LGL Tracer is a real-time ray tracing editor for creating shaders and scenes in three.js 

Spector is a tool aim to WebGl developers willing to know what happens on their context. It enables capturing all the available information from a frame. You will be empowered to look at your entire commands list with their associated visual states and context information. You will be able to Explore and Troubleshoot your WebGL and WebGL2 scenes easily. This is compatible with any WebGL capable browser and all the web based 3d engines as well as vanilla scripts.

Spector.js

Explore and Troubleshoot your WebGL scenes easily.

Introducing GoAct: A super easy tool for promotion video creation in the browser ﻿Focus on creating, not on complicated software You can create apple style promotion video with just one click.

goact

A super easy tool to create stunning 3D video in the browser

<h1>Ditch the boring traditional content and embrace digital experiences.</h1> Cyango Cloud Studio is the easiest tool to create XR experiences. It's like adding a new XR department to your business. You can create:<ul><li>Virtual Tours</li><li>3D E-commerce viewers</li><li>3D websites</li><li>Maps in immersive mode (2D/3D)</li><li>UI themes</li><li>Interactive presentations</li><li>Augmented Reality</li><li>Android/iOS Apps and PWA</li><li>...and what your imagination allows!</li></ul>All WebXR compatible.

Cyango

All-in-one Experiences Builder. From 2D to 3D, you can build and export full mobile and web apps.

Create 3D games and experiences for web, mobile, and VR using Hology Engine web technologies. Suitable for designers, web developers, artists, creators, educators, and game developers who wish to use front-end web technologies such as React and TypeScript, and no-code solutions for features such as VFX. Use case: Building web, mobile, PC games/applications, 3D/VR websites, personal portfolios online, and more. Efficiency: Hot reloading, fast asset import, automatic collision shapes, plus easy mobile and web distribution. Minimalistic: Our minimalistic UI is inspired to help designers, artists, and developers to a fast prototyping experience. Available to use on Windows, Linux, macOS, and we will build a version for iPads in the future.

Hology Engine

Create 3D games and experiences for web, mobile and VR by using web technologies with Hology Engine.

<h4>NodeToy – Visual Shader Editor for Three.js</h4> What is NodeToy?﻿NodeToy is an intuitive, node-based visual shader editor that allows developers and designers to create complex shaders without writing any code. It’s an ideal resource for those working with three.js, as it simplifies the process of creating custom shaders by providing a visual interface. NodeToy helps users craft shaders for materials, lighting, and special effects that can be easily integrated into three.js projects.Key Features:<ul><li>Node-Based Interface: Create complex shaders through a visual, drag-and-drop interface without needing to write code. The node system allows users to see and control every aspect of the shader creation process.</li><li>Real-Time Preview: Instantly see the results of your shader changes in real-time, ensuring faster iteration and fine-tuning for your three.js scenes.</li><li>Shader Export: Easily export your shaders in GLSL format for integration into three.js projects, enabling you to enhance 3D visuals with custom effects.</li><li>Customizable Materials: Create unique materials with precise control over properties like reflections, refractions, lighting, and surface details.</li><li>Seamless Integration with Three.js: Designed with three.js in mind, NodeToy allows you to use your custom shaders in your 3D scenes, providing an efficient and flexible way to add visual flair to your projects.</li></ul> Why Use NodeToy?NodeToy is a valuable resource for both beginners and experienced developers working with three.js. By providing a visual, node-based approach to shader creation, it eliminates the complexity of shader programming while still offering powerful customization options. Whether you're looking to create realistic materials or dynamic effects, NodeToy streamlines the shader development process for your three.js resources.

Nodetoy

NodeToy is a visual shader editor for creating custom shaders, ideal for three.js resources.

Three js Scene Editor