## <a name="Widgets"></a>Widgets Guide


### Animations

For animations the 'Velocity Engine has been choosen':

- 30+ preset animations
- animations of multiple properties: 'opacity', anything which is a valid CSS property

[Online Documentation of 'Velocity'](http://www.velocityjs.org)

[Tutorials for 'Velocity'](http://www.smashingmagazine.com/2014/06/18/faster-ui-animations-with-velocity-js/)

#### Examples

```javascript

    //make the element bounce
    $(this).velocity('callout.bounce',100);

```

### Widgets

[Widget documentation](./Widgets)

[Tutorial for making a 'Button Group'](./Examples/Button_Group)