3d-configurator-component-library v0.2.2
3D Configurator Component Library
Overview
This library provides a 3D configurator component for React applications, built using @react-three/fiber and three.js. The main component, GLBViewer, allows you to load and customize GLB models interactively.
Installation
To use this library in your project, you need to install it along with its peer dependencies.
npm install 3d-configurator-component-library
npm install react@^19.0.0 react-dom@^19.0.0Usage
Here is an example of how to use the GLBViewer component in your React application:
import React from 'react';
import { GLBViewer } from '3d-configurator-component-library';
function App() {
return (
<div className="App">
<GLBViewer glbUrl="https://modelviewer.dev/shared-assets/models/NeilArmstrong.glb" />
</div>
);
}
export default App;GLBViewer Component
The GLBViewer component allows you to load and customize a GLB model.
Props
glbUrl: The URL of the GLB model to load.
Customization
The GLBViewer component provides an interface to select and customize parts of the model. You can select different parts and change their materials interactively.
Development
To run the library locally for development:
npm install
npm run devTo build the library:
npm run buildTo run Storybook:
npm run storybookTo build Storybook:
npm run build-storybookLicense
This project is licensed under the MIT License.