Components
Loading preview...
3d orbit gallery with nice smooth
npx shadcn@latest add https://21st.dev/r/moazamtrade/3d-orbit-gallery"use client"
import { Canvas } from "@react-three/fiber"
import { OrbitControls } from "@react-three/drei"
import { ParticleSphere } from "@/components/ui/3d-orbit-gallery"
export default function DemoOne() {
return (
<div className="w-full h-screen bg-black relative">
<Canvas camera={{ position: [-10, 1.5, 10], fov: 50 }}>
<ambientLight intensity={0.5} />
<pointLight position={[10, 10, 10]} intensity={1} />
<ParticleSphere />
<OrbitControls enablePan={true} enableZoom={true} enableRotate={true} />
</Canvas>
</div>
)
}