A shadcn-style component library for 3D primitives. Built with React Three Fiber, designed for modern web applications.
Five beautiful 3D primitives with variants, sizes, and full customization support.
3D cube primitive
3D sphere primitive
3D cylinder primitive
3D torus primitive
3D cone primitive
Container with lighting and controls
Built with the same principles as shadcn/ui - copy and paste, fully customizable.
Default, primary, secondary, and destructive variants out of the box.
Adjust colors, metalness, roughness, and more with simple props.
Full type safety with exported interfaces for all component props.
Built-in rotation animations with customizable speed controls.
Import the components you need and start building. The API follows familiar React patterns with props for variants, sizes, and customization.
Read the Docsimport { Scene, Cube, Sphere } from "@3d-ui/components"
export function MyScene() {
return (
<Scene
backgroundColor="#0a0a0a"
environment="city"
>
<Cube
variant="primary"
size="lg"
animate
position={[-1.5, 0, 0]}
/>
<Sphere
color="#06b6d4"
animate
metalness={0.3}
roughness={0.2}
/>
</Scene>
)
}Get started with 3D UI today. Copy the components, customize them, and ship beautiful 3D experiences.