Articles by Tag #threejs

Browse our collection of articles on various topics related to IT technologies. Dive in and explore something new!

Solar system with Three.js

Hi! Today, I’m going to build a solar system using Three.js. But before we begin, you should know...

Learn More 341 42Aug 22 '24

🚀 Building an Interactive 3D Rocket Easter Egg with React Three Fiber

When we hit 1000 followers on LinkedIn, we knew we had to celebrate in style! Inspired by Vercel's...

Learn More 74 2Sep 17 '24

Learning Three.js in 2024 🚀

I had the chance to dive into some web development where I wanted to add interactive 3D elements that...

Learn More 24 0Sep 15 '24

React-Native and Three.js

A more recent code related to this article is available:...

Learn More 18 0Oct 1 '24

Using Three Js React

In today’s world, creating engaging web experiences is becoming more important than ever, and 3D...

Learn More 15 2Oct 12 '24

Convert SVG into a 3D figure using React Three.js Fiber

In this post, I will show you how to create a custom 3D figure using Three.js and integrate it into a...

Learn More 15 1Oct 2 '24

How to realize a high-tech official website (1)

high-tech official website

Learn More 11 0Dec 13 '24

Seeking Help to Create a Simple API for Pokémon Data

Hello, Dev.to community! I'm working on a Pokémon 3D Model Viewer project, and I want to make the...

Learn More 10 9Nov 30 '24

How to Add React Three Fiber Rules to Eslint v9.0.0

By default, ESLint doesn’t have React Three Fiber rules and many errors will show in the section....

Learn More 9 1Aug 18 '24

Apple Website

Apple Product Showcase with TailwindCSS, GSAP, and Three.js Nowadays, in the web...

Learn More 9 8Jul 6 '24

🚀 Getting Started with Three.js: Create Stunning 3D Websites

Incorporating 3D graphics into websites is an exciting way to enhance user experience and add visual...

Learn More 7 2Oct 25 '24

Adding motion to 3D models with Framer Motion and Three.js

Libraries Framer Motion Framer Motion is an animation library for React. The...

Learn More 6 1Oct 10 '24

Pokémon-3D API v1.0.1 - Repository Restoration

Hello Pokémon 3D Enthusiasts! We're excited to announce the release of v1.0.1 of the Pokémon-3D API!...

Learn More 6 1Mar 23

Easily enhance your website design with dynamic backgrounds!(2)

Background In the previous article, “How to realize a high-tech official website (I)”, we...

Learn More 6 0Dec 18 '24

Pokemon3D API v0.2.1

Pokémon-3D API v0.2.1: Massive Size Reduction & Performance Boost! Hey Poké-devs! The...

Learn More 5 1Mar 16

3D Pokémon Models via API: JSX or GLB - What's Your Take?

Hey Devs, I've been tinkering with the Pokémon 3D API, and it's raised an interesting question: how...

Learn More 5 1Mar 18

Pokemon3D API v0.2.0

Introducing Automated JSX Model Components for Seamless React Integration! Hey Pokémon...

Learn More 5 1Feb 26

Today’s new knowledge #5 (Three.js)

Today's Overview: Hello again, everyone! ❤️❤️ Hope you're all doing great! Today, I began...

Learn More 3 2Nov 17 '24

How to Use Three.js for Interactive 3D Web Experiences

The web has evolved beyond flat, static content. Today, users expect engaging and immersive...

Learn More 3 1Jan 8

6 Stunning WebGL & Three.js Portfolios

Recently, I’ve been delving into WebGL and Three.js effects, and I’ve come across six portfolios that...

Learn More 3 0Mar 23

How to Create a VTuber Studio with Three.js, React & VRM

Want to build your own VTuber studio on the web? Thanks to modern tools like Three.js, VRM models,...

Learn More 2 0Apr 25

Building a 3D Formula Visualizer: Lessons Learned

Hey folks! 👋 A while ago, I embarked on a journey to build a 3D formula visualization tool using...

Learn More 2 1Feb 10

wawa-vfx: Open-Source VFX + Particle System for React Three Fiber Projects

Add visual effects, particles, and trails to your 3D web apps with ease with wawa-vfx...

Learn More 2 0Apr 15

Web-Based Generative Art: How Algorithms Are Transforming Creativity

What if your next masterpiece wasn’t painted by hand, but generated by code? Generative art is...

Learn More 2 0Feb 22

Sphere Packing Visualization with Three.js

Overview This project is a visually stunning 3D visualization of sphere packing , built using...

Learn More 2 0Mar 10

Building a Realistic 3D Monitor with Reflections and HTML Interface using React Three Fiber

Ever wanted to create stunning 3D visualizations that feel truly interactive? Today, we'll build a...

Learn More 1 0Jun 25

Building Browser-Based Games: A Developer's Guide to Creating Engaging Web Games

The Future of Gaming is in Your Browser Imagine being able to launch a game that anyone, anywhere,...

Learn More 1 0Mar 16

What is a 3D website? Explanation for beginners

From flat pages to immersive digital worlds, here’s what makes a 3D website — and why they’re shaping...

Learn More 1 0Apr 15

🎮 Creating a Web Game Engine with React Three Fiber, and TypeScript - Part 7 🎮

Join me on an exciting journey as I continue building a web game engine from scratch using React,...

Learn More 1 0Aug 18 '24

3D Earth Visualization with Three.js: A GitHub-Inspired Approach

Recently, i had the idea of implementing a 3D Earth on my website using Three.js. I was inspired by...

Learn More 1 0Oct 7 '24