Skip to content

A 3D animated website.This React app integrates Three.js for a 3D chair customization experience. Users can interact with the chair model through a configurator, selecting material, color, and leg style.

Notifications You must be signed in to change notification settings

TalhaT298/chair-3d

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Description

This React application leverages the Three.js library to build an interactive 3D chair customization experience. The App component orchestrates the canvas setup, integrating a 3D chair model (Chair component) and a user-friendly configurator (Configurator component) for selecting chair material, color, cushion color, and leg style. The Chair component dynamically applies textures to the chair model based on user preferences, utilizing the Three.js library. The Configurator component offers an intuitive interface using a context API for state management. The Experience component incorporates the chair model and enables user interaction through the PresentationControls component. Overall, this code showcases the integration of Three.js with React to create an immersive and customizable 3D chair experience.

Live link

https://chair-3d.vercel.app/

My Image

About

A 3D animated website.This React app integrates Three.js for a 3D chair customization experience. Users can interact with the chair model through a configurator, selecting material, color, and leg style.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published