timmikeladze

Robot Stage

Component

About

A pre-lit react-three-fiber canvas (key/fill lights, contact shadow, optional grid floor, orbit controls) that frames and stages any 3D model or robot you drop inside it.

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

Code

How Robot Stage is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client";

import RobotStage from "@/components/ui/robot-stage";
import RobotArm3D from "@/components/ui/robot-stage-utils/robot-arm-3d";

export default function RobotStageDemo() {
  return (
    <RobotStage camera={[3.6, 2.6, 4.6]} floor="grid" autoRotate>
      <RobotArm3D behavior="sweep" />
    </RobotStage>
  );
}

Dependencies

More by timmikeladze

View all
  • Puzzle Cube

    Puzzle Cube

    6
  • Debris Field

    Debris Field

    6
  • Pumpjack

    Pumpjack

    2
  • Wellhead Tree

    Wellhead Tree

    1
  • Robot Arm

    Robot Arm

    1
  • Airliner

    Airliner

  • Rod Pump

    Rod Pump

  • Construct Ring

    Construct Ring