> [Wiki](Home) ▸ [[API Reference|API-Reference]] ▸ [[Renderer|Renderer-API]] ▸ [[Animation|Renderer-Animation-API]] ▸ [[PropertyAnimation|Renderer-PropertyAnimation-API]] ▸ **NumberAnimation**
# NumberAnimation
```javascript
Rectangle {
width: 100; height: 100
color: 'red'
NumberAnimation {
running: true
property: 'x'
from: 0
to: 300
loop: true
duration: 1700
}
}
```
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/extensions/animation/types/property/types/number.litcoffee#numberanimation)
## Table of contents
* [NumberAnimation](#numberanimation)
* [**Class** NumberAnimation](#class-numberanimation)
* [New](#new)
* [from](#from)
#**Class** NumberAnimation
- Syntax
**Class** NumberAnimation : *PropertyAnimation*- Extends
- PropertyAnimation
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/extensions/animation/types/property/types/number.litcoffee#class-numberanimation)
##New
- Syntax
*NumberAnimation* NumberAnimation.New([*Component* component, *Object* options])- Static method of
- NumberAnimation
- Parameters
- component — Component — optional
- options — Object — optional
- Returns
- NumberAnimation
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/extensions/animation/types/property/types/number.litcoffee#new)
##from
- Syntax
*Float* NumberAnimation::from- Prototype property of
- NumberAnimation
- Type
- Float
- [NumberAnimation](#class-numberanimation)