Sphere

A sphere primitive with variants, sizes, and animation support.

Preview

Usage

tsx

import { Scene, Sphere } from "@3d-ui/components"

export function MySphere() {
  return (
    <Scene>
      <Sphere 
        variant="secondary" 
        size="lg" 
        animate 
        metalness={0.3}
        roughness={0.2}
      />
    </Scene>
  )
}

Variants

From left to right: default, primary, secondary, destructive

Props

Prop	Type	Default
variant	"default" \| "primary" \| "secondary" \| "destructive" \| "outline" \| "ghost"	"default"
size	"sm" \| "default" \| "lg"	"default"
animate	boolean	false
rotationSpeed	number	0.01
segments	number	32
metalness	number	0.1
roughness	number	0.5