Software Alternatives & Reviews

Three.js

A JavaScript 3D library which makes WebGL simpler. subtitle

Three.js Reviews and details

Screenshots and images

  • Three.js Landing page
    Landing page //
    2019-05-05

Badges & Trophies

Promote Three.js. You can add any of these badges on your website.
SaaSHub badge
Show embed code
SaaSHub badge
Show embed code

Videos

Getting Started With Three.js

Ricardo Cabello (Mr doob) - 5 years of three.js

Social recommendations and mentions

We have tracked the following product recommendations or mentions on various public social media platforms and blogs. They can help you see what people think about Three.js and what they use it for.
  • Finding Stars and Affirmations in the Sky with Three.js for Ayra Starr
    Here's how we used Three.js to place and find affirmations in the sky. - Source: dev.to / 27 days ago
  • Incredible JavaScript Animation Libraries
    Three.js is dedicated to generating 3D visuals, offering a powerful suite of features and tools. It is built atop WebGL and optimizes GPU usage for rapid rendering, ensuring smooth performance across devices, including those with limited resources. Three.js's versatility allows for the creation of a vast spectrum of 3D graphics and animations, ranging from simple shapes to intricate models. - Source: dev.to / about 1 month ago
  • React: A Mess That Shouldn't Exist In Web Development
    Most of frontend libraries are made with Vanilla JS. An example of library that you might frequently use is "Chart.js". But React is not compatible with Chart.js so here it comes "React-chartjs-2" A wrapper library to work with Chart.js in React ecosystem. Oh you want to use "three.js" for some cool 3D? You will need "React-three/fiber". In my case, I need to implement "telegram-web-app", not so fast, I have to... - Source: dev.to / about 2 months ago
  • JPEG XL Is a Stupid Name
    The websites uses a 3D library called three.js https://threejs.org/ I think it is used for the loading splash screen. - Source: Hacker News / about 2 months ago
  • Things you should know before learning Three.js
    For one of my 100-Day Challenges, I chose to dive into Three.js, a JavaScript 3D library. It's easy to start learning, and it becomes difficult to master with the inclusion of shaders. - Source: dev.to / 3 months ago
  • Why I Personally Decided to Bet on JavaScript
    Nonetheless, it offers nearly infinite possibilities. You can code and create anything, from a mobile app with React Native to a desktop application with Electron.js. Furthermore, JavaScript provides excellent frameworks and libraries that can be applied in various approaches, such as React, Three, Vue, Meteor, and Astro. - Source: dev.to / 4 months ago
  • Mechanical Watch
    Bartosz does an amazing job of making custom interactives and animations to support his articles. It looks like he uses custom canvas with webgl for the 3d renders. There are 3d engines in JavaScript like three.js (https://threejs.org/) that abstract a lot of the 3d work for you. - Source: Hacker News / 5 months ago
  • What technology does this site use?
    Right click and inspect, tells you right there that it uses three.js. Source: 5 months ago
  • Wow, shadcn-vue port is 99% identical to the shadcn React
    By the way, Vue does this very often: - https://www.vuemail.net/ is a port of https://react.email/ - https://tresjs.org/ is a port of https://threejs.org/ Etc etc. Source: 6 months ago
  • Portfolio websites that use blender animations?
    But I'd click through the Three.js sample sites. Undoubtedly, some of them are using Blender assets. Some of the coolest websites on the net. https://threejs.org/. Source: 6 months ago
  • React + Three.js. Creating your own 3D shooter. Part 1
    In modern web development, the boundaries between classic and web applications are blurring every day. Today we can create not only interactive websites, but also full-fledged games right in the browser. One of the tools that makes this possible is the React Three Fiber library - a powerful tool for creating 3D graphics based on Three.js using React technology. - Source: dev.to / 7 months ago
  • Climate Change Tracker
    For the charts a heavily customized version of recharts (https://recharts.org/) and for the globe threejs (https://threejs.org). - Source: Hacker News / 8 months ago
  • Let's Understand and Create Cool Animations with GSAP - GreenSock and Angular
    The animations can be just a simple fade button animation for example or something more interesting like and interactive 3D object made with Three.js (If you don't know it I advise you to know because it's amazing!)! - Source: dev.to / 8 months ago
  • Build an efficient app with Qwik React
    In an effort to leverage the extensive React ecosystem and the wide range of readily available tools and libraries, the Qwik team devised the "Qwik React" solution. This approach involves converting React components into Qwik components, also known as islands. By doing so, we can harness the power of React's vast ecosystem, which includes popular libraries such as MUI, ThreeJs, and React Spring, to enhance our... - Source: dev.to / 9 months ago
  • Graphics on the Web
    Start with Threejs which is mid level abstraction of Graphics Demos (https://threejs.org/). Threejs has all library to build 3d demos. Scenegraph, Matrix/Vector Utils, Camera, Animation, Particle Systems, Physics etc.. Source: 10 months ago
  • Graphics on the Web
    Both of these are pretty serious graphics programming APIs. WebGL is based on OpenGL and WebGPU is similar to modern graphics APIs like Vulkan. There's also Three.js which is a library that helps remove a lot of the boilerplate. Source: 10 months ago
  • Graphics on the Web
    You can use WebGL and emscipten to use use C and OpenGL see here https://emscripten.org/docs/porting/multimedia_and_graphics/OpenGL-support.html If you want to use native Java script there are loads of libraries out there take a look at three.js https://threejs.org/. Source: 10 months ago
  • How do I integrate Motion and Animation into my Projects?
    Wow that site is super cool! So I see most of the 3D stuff is using canvas, maybe three.js or babylon.js or possibly pixi.js. Source: 10 months ago
  • Seeking Guidance and Implementation Tips for Vanta.js-like Effects in Flutter
    It uses https://threejs.org/. Unless you intend to port 3js to Dart, it's a no go. Source: 11 months ago
  • Recordable Canvas Web Component
    Am I weird? I use the tag so much in my work. Whether its drawing 2D graphics or using full-blown 3D engines like Three.js or Babylon. - Source: dev.to / 11 months ago
  • HTML's Graphical 3D Future
    The project is Lume, working towards a 1.0 release. Lume provides a set of HTML elements for 3D rendering, built on three.js for rendering, with a system for defining new custom HTML elements with reactivity and templating powered by Solid.js. - Source: dev.to / 11 months ago

External sources with reviews and comparisons of Three.js

Top 20 Javascript Libraries
Cross-browser JS library and API that allows for the creation of beautiful animations, Three.js relies on WebGL rather than conventional browser-plugins. Through its library utilities, developers can include complex 3D animations on their website without much effort. Three.js include many features like geometry, lights, materials, shaders, effects, scenes, data loaders, animation, and much more. The library is a...

Do you know an article comparing Three.js to other products?
Suggest a link to a post with product alternatives.

Suggest an article

Generic Three.js discussion

Log in or Post with
  1. Dmitry avatar
    Dmitry
    · about 2 months ago
    · Reply

    A powerful and user-friendly JS library for deeper 3D immersion for web applications.

This is an informative page about Three.js. You can review and discuss the product here. The primary details have not been verified within the last quarter, and they might be outdated. If you think we are missing something, please use the means on this page to comment or suggest changes. All reviews and comments are highly encouranged and appreciated as they help everyone in the community to make an informed choice. Please always be kind and objective when evaluating a product and sharing your opinion.