Thermal components: compare

All Thermal componentsCopy Anchor Link

4 components, A to Z.

• Thermal Atoms

  thermal-atoms

  

  Thermal effect components: EmberLayer, rising sparks that brighten toward combustion, and ThermalText, a word that warms and glows, both driven by ThermalProvider status. Uses motion; embers hold still under reduced motion.

• Thermal Button

  thermal-button

  

  Heat-reactive button: a dark monospace-label button that heats on hover, flashes to ember on press and grays to ash when a Thermal Provider reports depletion. Built on motion; the pulse respects reduced motion.

• Thermal Provider

  thermal-provider

  

  Thermal context provider: tracks heat and an idle, warming, combustion, cooling or depleted status from window activity, with a timed cool-down. Thermal parts fall back to a warm resting state without it.

• Thermal Shell

  thermal-shell

  

  Thermal container: a dark panel painting a void-to-ember radial ground, a status-driven ember glow with heat haze at combustion, and soft grain. Uses motion; haze is skipped under reduced motion.