3d orbit gallery

Galleries 893

About

3d orbit gallery with nice smooth

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds 3d orbit gallery to your project and fits it to your theme.

Code

How 3d orbit gallery is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"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>
  )
}