UPS and battery cabinets
Industrial UPS line-up on a base frame: rectifier / charger and inverter with static bypass (each with mimic panel, lamps and louvred doors), an AC distribution section with meters and MCB window, and hollow VRLA battery cabinets with shelves of 12 V blocks, inter-block links, string labels and a DC breaker. doorOpen swings the battery doors. Top gland plates, hinges, locks, earth boss and tag plate. kVA adds an inverter section above 120 kVA.
Installation
Copies electrical/ups-battery-cabinet.tsx and the shared lib/ into src/components/deck-twin/. Needs three, @react-three/fiber and @react-three/drei. See installation for the manual route.
Usage
import { Canvas } from '@react-three/fiber'
import { OrbitControls } from '@react-three/drei'
import { Stage } from './components/deck-twin/lib/stage'
import { UpsBatteryCabinet } from './components/deck-twin/electrical/ups-battery-cabinet'
export default function Scene() {
return (
<Canvas shadows camera={{ position: [8, 5, 9], fov: 35 }}>
<Stage>
<UpsBatteryCabinet />
</Stage>
<OrbitControls makeDefault />
</Canvas>
)
}
Props
| Prop | Type | Default | Range |
|---|---|---|---|
kva | number (kVA) | null | 10 – 400 |
batteryCabinets | number | null | 1 – 6 |
doorOpen | boolean | null | |
tag | string | null | |
...group | position, rotation, scale… |
P&ID
Rectifier (square with a diagonal, ~ above and = below) feeding a DC link with a battery (pairs of long and short parallel lines), then an inverter (= / ~), often with a static bypass switch drawn around them, inside a UPS boundary.
Square with a diagonal is the IEC converter: ~ / = is a rectifier or charger, = / ~ an inverter, ~ / ~ a frequency converter (VFD). Battery alone (long and short lines) is a DC battery bank.
kvabatteryCabinetstagTypical suppliers
Vertiv (Chloride) · Eaton · Legrand · EnerSys. The geometry is generic and sized from public standards. It is not vendor CAD.
For agents
Machine-readable entry with props, ranges, defaults and ports:
Or fetch /r/ups-battery-cabinet.json, or copy a ready-made instruction:
Add the Deck Twin "UPS and battery cabinets" component to this project. Run `npx -y https://decktwin.com/cli/deck-twin-0.2.2.tgz add ups-battery-cabinet` (it copies the file and the shared lib into src/components/deck-twin/), then `npx -y https://decktwin.com/cli/deck-twin-0.2.2.tgz info ups-battery-cabinet` for its props, ranges and ports. Render <UpsBatteryCabinet /> inside a React Three Fiber <Canvas shadows>, wrapped in <Stage> from src/components/deck-twin/lib/stage. Set props from my data (metres, NPS in inches, ASME class) and leave the rest at defaults. Install three, @react-three/fiber, @react-three/drei and @types/three if they're missing. Full guide: https://decktwin.com/skill/SKILL.md