This project provides a customizable 3D chair configurator built using React, Three.js, and R3F. It allows users to select from a variety of predefined chair colors. Users can view the chair in a 3D scene with realistic lighting and materials.

• Interactive Color Selection: Users can easily switch between predefined colors.
• Realistic 3D Rendering: The chair is rendered using Three.js and R3F, providing a visually appealing and interactive experience.
• Customizable Materials: PBR textures can be applied to the chair for enhanced realism.

1. Clone the repository:
2. Install dependencies:

   cd ch3ir
   npm install

1. Start the development server:

   yarn dev

2. Open http://localhost:5173 in your browser to view the configurator.

• You can modify the predefined chair colors in the Customization.jsx file.
• To add custom textures, explore the PBR Textures resource and update the materials accordingly.

• React: JavaScript library for building user interfaces.
• Three.js: JavaScript library for creating 3D graphics.
• R3F: React components for Three.js, simplifying integration.

• React Three Fiber documentation
• R3F Drei
• PBR Textures