Browse documentation
Components
28 installable components, libraries, and hooks for robotic interfaces. Find a machine, explore its controls, and install the source with its dependencies.
29 of 29 entries
Arms
Robot arm
The articulated arm: any number of links, eight end effectors, four paint variants, four mounts. Give it a target, a behaviour, or a set of joint angles.
robot-armRobot arm 3D
The same arm as a procedural react-three-fiber rig — no model to load, and the same target puts the tip in the same place as the SVG one.
robot-arm-3dRobot stage
The room the 3D robots stand in: lights, a contact shadow, an optional grid floor, and orbit controls.
robot-stageMachines
Linear actuator
A linear cylinder with a moving piston and rod. Reveal its internals in cutaway view, or use the complete housing in a production-cell illustration.
linear-actuatorServo motor
A positional servo with mounting tabs, a cable, and interchangeable single, double, or cross horns. Drive the shaft angle from application state.
servo-motorRotary table
A rotary indexing table in plan view. Fixtures and workpieces rotate with the platter while the base, motor, and index pointer stay fixed.
rotary-tableRobot gripper
A standalone end effector with parallel or angular fingers. Drive the jaws from application state to build a fixture, tool selector, or work-cell simulation.
robot-gripperConveyor belt
A production-line conveyor with rollers and workpieces. Runs automatically or follows a controlled travel value, wrapping in either direction.
conveyor-beltSCARA arm
A SCARA cell from directly above: two rotary links, a Z spindle, and the swept area you actually plan a line around.
scara-armDelta arm
A parallel delta in isometric, solved with the closed-form delta IK. Change the geometry and the arms behave the way that machine would.
delta-armGantry arm
A cartesian gantry. The axes are independent, so the head takes the dog-leg path a real machine takes rather than an arc.
gantry-armRobots
Micro duck
A bipedal duck robot: two solved legs on a controlled footfall cycle, a servo-stack neck that cranes and pecks, and a beak that opens.
micro-duckReachy mini
A companion robot: a head on a six-rod parallel platform, driven in six degrees of freedom, with pointer-tracking eyes and sprung antennas.
reachy-miniRobot quadruped
A four-legged robot with solved hip, knee, and foot positions. Scrub a walking or trotting cycle, change the stance, and inspect which feet touch the ground.
robot-quadrupedRobot rover
A ground robot in plan view. Choose four or six wheels, steer the front axle, and drive its heading and tread travel from your application.
robot-roverRobot drone
A multirotor aircraft in plan view, with four or six motors, counter-rotating propellers, a camera, and removable guards.
robot-droneLidar scan
A polar range display for real or simulated lidar samples. Returns stay in sensor coordinates and rotate with its heading.
lidar-scanRobot face
A head whose eyes follow the pointer anywhere on the page, with moods for the states a product actually has.
robot-faceRobot loader
A pick-and-place cycle as a loading indicator. Indeterminate on its own; give it a value and the out-tray fills in proportion.
robot-loaderArm controls
A teach pendant: one slider per joint, driving an arm in forward kinematics. Pass the same angles array to the arm.
arm-controlsFoundations
Duck kinematics
The pose solver behind the duck. Two planar legs, a footfall cycle that never lifts both feet, and a neck chain swung on a constant radius.
duck-kinematicsStewart kinematics
Closed-form inverse kinematics for a six-legged parallel platform: give it a head pose, get six leg lengths and their stroke.
stewart-kinematicsQuadruped kinematics
The dependency-free pose solver behind the quadruped. Four legs, three footfall patterns, and bounded controls that keep every foot reachable.
quadruped-kinematicsInstallation
robocn is a shadcn registry. Components install as source into your project, with their dependencies and theme variables.
Robot kinematics
The maths every component shares. No React, no three.js, no dependencies — import it on its own if you only want the solver.
robot-kinematicsRobot style
Sizes, variants, palette resolution and the capsule limb geometry — plus the CSS variables and keyframes the whole set is themed with.
robot-styleRobot color
CSS variables and oklch() turned into something three.js can parse, so the WebGL robots share one theme with the SVG ones.
robot-coloruseRobotArm
Animated pose for a link chain. It eases the tip toward its goal, solves seeded with the previous frame, and stops the loop once the pose settles.
use-robot-armusePointerTarget
Pointer position in a component's own world units. Returns null when the pointer is away, so a machine can fall back to its idle behaviour.
use-pointer-target