Rolling Mill

A scroll-scrubbed container rotator with a forged-slab face: a beveled gunmetal plate starts tilted back in 3D perspective and rotates flat while scaling up as it scrolls through the viewport, header text traveling in coordinated motion, amber edge-light burning at max tilt and dimming upright, and a reflection band sliding down the plate face with the angle.

motionpro

Scroll — the slab leaves the rollers tilted and hot, and stands upright as it cools.

Through the Rolling Mill

Pass seven — gauge closing, edge-light fading.

Pass

07 of 09

Gauge

3.2 mm

Exit temp

912 °C

Roll force

18.4 MN

Speed

4.1 m/s

Crown

±12 µm

Scroll back — the plate leans into the rollers again, edges reheating.

Installation

CLI

npx shadcn@latest add @crucible/rolling-mill

Manual — install dependencies, then copy the source

npm install motion

Honors prefers-reduced-motion with a designed static fallback, and passes className through.

Rolling Mill

The preview is live. The source is Pro.

Installation