Skip to content

Introduction

What is ExtrudeUI?

ExtrudeUI is an open source React component library that makes it easy to add 3D elements to your web applications. The components aren’t meant to be placed inside of existing 3D scenes, but rather to be placed inside standard 2D websites to add an aspect of depth and interactivity.

Example of ExtrudeUI in action:

After ExtrudeUI is installed, adding something like the above example is as simple as this:

import { ExtrudeModel } from 'extrude-ui';
<ExtrudeModel
src="ModelSource.glb"
scale={.02}
animation='spinHorizontal'
animationSpeed={0.5}
loadingAnimation='spinner'
loadingColor='white'
metalness={1}
roughness={3}
enableOrbitControls={true}
/>

Ready to Dive In?