Skip to content

50+ ThreeJS Examples: Learn to Create 3D Interactive Experiences with Code

    ThreeJS is a powerful JavaScript library for creating 3D interactive experiences. Learn how to use it to create your own games, simulations, and visualizations.

     class=wp-image-11081

    Title:- ThreeJS cube head with shadow
    Author:- Michelle Barker
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Using Zdog with ZIM Components and Controls on Canvas
    Author:- ZIM
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- 3D Space Mouse Move and Device Motion
    Author:- Hossein Shabani
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- 🏝️ Threejs – Low Poly Floating Island – Work in Progress in Three.js
    Author:- sp0ne πŸ§™β€β™‚οΈ
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- ThreeJS cube head with shadow
    Author:- Michelle Barker
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Traffic Run Game with Three.js
    Author:- Hunor Marton Borbely
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Mobile VR PolarScene
    Author:- Baron
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Codepen Challenge: Ghost
    Author:- Liam Egan
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- GLSL: Optimised Voronoi
    Author:- Liam Egan
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Grunge Poster
    Author:- ilithya
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Mood
    Author:- ycw
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Red Light, Green Light – Squid Game
    Author:- Louis Hoebregts
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Infinitely Complex Parquetry
    Author:- Liam Egan
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Codepen Challenge: 408 error
    Author:- Liam Egan
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Codepen Challenge: 403 error
    Author:- Liam Egan
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Threejs World
    Author:- Witters
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Blobby deer – ThreeJS to SVG render + GSAP
    Author:- Louis Hoebregts
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Trippy Triangles
    Author:- Kevin Levron
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- 3D Earth
    Author:- Bryan Jones
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Generative Flow
    Author:- Francesco Trillini
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- WOW
    Author:- Alex Trost
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- GLSL: In the Sacred Realm
    Author:- Liam Egan
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- ZIM with ThreeJS Planet – for CodePen Space Challenge!
    Author:- ZIM
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Floating island /w Threejs & GSAP
    Author:- Kasper De Bruyne
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Jellyfish (threejs)
    Author:- Yugam
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- ShadersXP 4
    Author:- alexandrejosephdev
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- WebGL Tour of the Solar System: Mars
    Author:- Dudley Storey
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Lattice
    Author:- Liam Egan
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- ThreeJS Pixel Earth
    Author:- tr13ze
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Wave 3D loop
    Author:- Quentin HocdΓ©
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Three JS – Projects particle menu
    Author:- Daniel Hult
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Pendulum – threejs
    Author:- Fabio Ottaviani
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- threejs space rocket
    Author:- Finn O’Connor-Morberg
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Random 3D Landscape – camping trip
    Author:- Christian Γ–stman
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Concentrics
    Author:- Francesco Trillini
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Geodesic Sphere Three.js
    Author:- Ben Matthews
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- The Plastic Ocean
    Author:- Onload
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- [10] #Codevember – Rocket
    Author:- Zultan
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Webgl loader infinite loop
    Author:- Quentin HocdΓ©
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Threejs Cubes
    Author:- Kevin Levron
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Mars Explorer ScrollTrigger demo
    Author:- Hai Le
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Pokemon Card (threejs)
    Author:- Yugam
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Three.js dancing Tree (for Xmas)
    Author:- Paulina Hetman
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- ThreeJS Toys – Particles Cursor
    Author:- Kevin Levron
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Low Poly Three.js Mountain Scene
    Author:- Benjamin Miles
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Portal scene – threejs-journey.xyz
    Author:- Arden
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- SoundCity – a Three.JS Audio experiment
    Author:- Thomas Van Glabeke
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Airplanes.
    Author:- Steve Gardner
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Obstacles
    Author:- Ion Drimba Filho
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Stack game with Three.js and Cannon.js
    Author:- Hunor Marton Borbely
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- 🎲 Cube Wave
    Author:- Ion Drimba Filho
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- TinyPolyWorld – ThreeJS experiements.
    Author:- Zultan
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Three.js Tutorial from DesignCourse
    Author:- designcourse
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- WebGL Fog
    Author:- yoichi kobayashi
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- ThreeJS Gradient
    Author:- tr13ze
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- ThreeJS Toys – Neon Cursor
    Author:- Kevin Levron
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Page Reveal Effect
    Author:- Kevin Levron
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Psychedelic waves
    Author:- Karim Maaloul
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Butterfly
    Author:- yoichi kobayashi
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- GLSL Glitch
    Author:- yoichi kobayashi
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Interactive 3D background
    Author:- Kevin Levron
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- Blob Experiment
    Author:- Victor Vergara
    Made with:- HTML CSS JS

     class=wp-image-11081

    Title:- three.js canvas – particles – waves
    Author:- deathfang
    Made with:- HTML CSS JS

    Leave a Reply

    Your email address will not be published. Required fields are marked *