Collection of free Three.js examples from Codepen and other resources. Three.js is an open-source JavaScript library that makes it easy to create and display 3D graphics in a web browser using WebGL (Web Graphics Library). With Three.js, developers can build interactive 3D experiences that run smoothly across all modern browsers, without needing to rely on plugins or heavy frameworks.

Three.js simplifies the complexities of 3D programming by providing an accessible API, making it one of the most popular choices for creating 3D animations, visualizations, games, and virtual reality experiences directly in a web browser.

Chill the lion

See the Pen Chill the lion by Karim Maaloul (@Yakudoo) on CodePen.

City 3D

See the Pen City 3D by Victor Vergara (@vcomics) on CodePen.

Three.js animated rocket

See the Pen Three.js animated rocket by Stivs (@stivaliserna) on CodePen.

Campfire 🔥 (#3December - Day 9)

See the Pen Campfire 🔥 (#3December - Day 9) by Shaw (@shshaw) on CodePen.

Night drive 🌔+🚗 (#3December - Day 10)

See the Pen Night drive 🌔+🚗 (#3December - Day 10) by Shaw (@shshaw) on CodePen.

Three js water shader

See the Pen Three js water shader by Jonathan Blair (@knoland) on CodePen.

Starfall

See the Pen Starfall by Liam Egan (@shubniggurath) on CodePen.

HOME 🏠 and WORK 💪

See the Pen HOME 🏠 & WORK 💪 by Sikriti Dakua (@dev_loop) on CodePen.

Cat vs ball of wool

See the Pen Cat vs ball of wool by Karim Maaloul (@Yakudoo) on CodePen.

Sneeze the dragon

See the Pen Sneeze the dragon by Karim Maaloul (@Yakudoo) on CodePen.

Breaking Bad | Walter White | Animation

See the Pen Breaking Bad | Walter White | Animation by leo (@bytesleo) on CodePen.

THREE JS game style immersive slider selection screen

See the Pen THREE JS game style immersive slider selection screen by Jamie Coulter (@jcoulterdesign) on CodePen.

Grid Icosahedron Refraction

See the Pen Grid Icosahedron Refraction by alphardex (@alphardex) on CodePen.

Displacement Scroll

See the Pen Displacement Scroll by Matthew Willox (@mwmwmw) on CodePen.

THREE Image Transition

See the Pen THREE Image Transition by Szenia Zadvornykh (@zadvorsky) on CodePen.

Product Card - Three JS

See the Pen Product Card - Three JS by Ricardo Oliva Alonso (@ricardoolivaalonso) on CodePen.

Ghost Card

See the Pen Ghost Card by Yugam (@pizza3) on CodePen.

Playlist artwork for "Cover Lover"

See the Pen Playlist artwork for "Cover Lover" by Daniel Givens (@danielgivens) on CodePen.

Storm

See the Pen Storm by Liam Egan (@shubniggurath) on CodePen.

Ripple Mouse

See the Pen Ripple Mouse by Liam Egan (@shubniggurath) on CodePen.

#CodepenChallenge - "Circle" Fresnel Refractivity Sphere (GLSL + ThreeJS)

See the Pen #CodepenChallenge - "Circle": Fresnel Refractivity Sphere (GLSL + ThreeJS) by Henry Desroches (@xdesro) on CodePen.

Raycaster

See the Pen Raycaster by Victor Vergara (@vcomics) on CodePen.

Chewing gum

See the Pen Chewing gum by Fabio Ottaviani (@supah) on CodePen.

holy running cow

See the Pen holy running cow by Karim Maaloul (@Yakudoo) on CodePen.

Three Particle Morphing Text

See the Pen Three Particle Morphing Text by John Healey (@jhealey5) on CodePen.

dynamic 3D confetti text

See the Pen dynamic 3D confetti text by Rachel Smith (@rachsmith) on CodePen.

Pendulum - threejs

See the Pen Pendulum - threejs by Fabio Ottaviani (@supah) on CodePen.

isometric room - three js

See the Pen isometric room - three js by Alexia Peresson (@aperesso) on CodePen.

Stable Curl Noise

See the Pen Stable Curl Noise by Tim Severien (@timseverien) on CodePen.

Mighty fish

See the Pen Mighty fish by Karim Maaloul (@Yakudoo) on CodePen.

Round

See the Pen Round by Maxim Leyzerovich (@round) on CodePen.

Three js Cristal Lands

See the Pen Three js Cristal Lands by nskrgv (@nskrgv) on CodePen.

Three js - Particle Slider

See the Pen Three js - Particle Slider by Chien-Ju Peng (@cjp) on CodePen.

GLSL Coral Blooms

See the Pen GLSL: Coral Blooms by Liam Egan (@shubniggurath) on CodePen.

41| Low Poly 🐑Sheepfold with three.js

See the Pen 41| Low Poly 🐑Sheepfold with three.js by Yiting Liu (@yitliu) on CodePen.

Fashion concept

See the Pen Fashion concept by jesper landberg (@ReGGae) on CodePen.

Three.js Pine Tree

See the Pen Three.js Pine Tree by Conner (@cluzier) on CodePen.

#codevember 3/2018 — Flying Carrot

See the Pen #codevember 3/2018 — Flying Carrot by Noel Delgado (@noeldelgado) on CodePen.

Cute jumping sheep with three.js

See the Pen Cute jumping sheep with three.js by Liza Kobrazova (@elliezen) on CodePen.

Interactive particles text create with three.js

See the Pen Interactive particles text create with three.js by Ricardo Sanprieto (@sanprieto) on CodePen.

👾 3D Pixels 👾

See the Pen 👾 3D Pixels 👾 by Shaw (@shshaw) on CodePen.

Three.js OBJ Tree

See the Pen Three.js OBJ Tree by Conner (@cluzier) on CodePen.

Space globe - Three.js

See the Pen Space globe - Three.js by isladjan (@isladjan) on CodePen.

Snowfall

See the Pen Snowfall by Liam Egan (@shubniggurath) on CodePen.

Page Reveal Effect

See the Pen Page Reveal Effect by Kevin Levron (@soju22) on CodePen.

Three.js Basic Character Customisation

See the Pen Three.js Basic Character Customisation by Ethan (@eroxburgh) on CodePen.

Shooting Star

See the Pen Shooting Star by Ko.Yelie (@ko-yelie) on CodePen.

Pacman Concept

See the Pen Pacman Concept by Ivan Juarez N. (@radixzz) on CodePen.

Interactive 3D background

See the Pen Interactive 3D background by Kevin Levron (@soju22) on CodePen.

Xmas Ornaments

See the Pen Xmas Ornaments by Dilum Sanjaya (@dilums) on CodePen.

What's behind ?

See the Pen What's behind ? by Kevin Levron (@soju22) on CodePen.

Tags

Post a Comment

Post a Comment

Previous Post Next Post