The scale component defines a shrinking, stretching, or skewing transformation of an entity. It takes three scaling factors for the x, y, and z axes.

Here’s the scale component in action:

<a-scene>
  <a-box
    color="red"
    position="0 2 -5"
    rotation="0 45 45"
    scale="0.5 2 1">
  </a-box>
</a-scene>

• The x-axis value is shrunk by 0.5
• The y-axis value is stretched by 2
• The z-axis value is kept the same with 1

All entities inherently have the scale component, so make sure to take advantage of it when designing 3D objects.