Nest, two ways.

Learning Thermostat. Third generation, two material studies.

Project

REACT COMPONENTNestLearningThermostat@/components/DeviceIllustrations/NestLearningThermostat

NEST / 3RD GENERATIONHeating

Original finishPolished steel · Black glass

Nest Learning Thermostat, third generation, realistic. Room 68 degrees fahrenheit. Heat. Heat target 72, cool target 76. heating. Display awake. Drag the outer ring clockwise or counterclockwise. Arrow keys turn the ring; Enter presses it. Escape goes back.

Seam claySoft gray · Matte surfaces

Nest Learning Thermostat, third generation, clay. Room 68 degrees fahrenheit. Heat. Heat target 72, cool target 76. heating. Display awake. Drag the outer ring clockwise or counterclockwise. Arrow keys turn the ring; Enter presses it. Escape goes back.

Drag the ring to adjust. Press to explore the menu. Arrow keys work, too.Shared controls

TRY A STATE

A manufacturer-inspired local preview of the third-generation ring, display, and a subset of Quick View. Farsight, sleep, and equipment activity are independently configurable. Eco thresholds and Time-to-Temperature are supplied examples; this study does not predict heating times or emulate firmware, learning, or a schedule.

Component props

{
  "climateSetting": {
    "hvac_mode_setting": "heat",
    "fan_mode_setting": "auto",
    "heating_set_point_celsius": 22.22222222222222,
    "cooling_set_point_celsius": 24.444444444444443
  },
  "temperatureCelsius": 20,
  "temperatureUnit": "fahrenheit",
  "isHeating": true,
  "isCooling": false,
  "isFanRunning": false,
  "animateActivity": true,
  "displayState": "awake",
  "farsightFace": "target",
  "time": "10:09",
  "eco": false,
  "showLeaf": false,
  "selectedTarget": "heating",
  "setPointLimits": {
    "minCelsius": 10,
    "maxCelsius": 32.22222222222222,
    "minHeatCoolDeltaCelsius": 1.6666666666666667
  },
  "disabled": false
}

Reference images

Nest Learning Thermostat, third generation, with a polished steel ring and black circular display

REFERENCESeam product ↗Welcome guide ↗Display & Farsight ↗