JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.angularjs.org/1.2.14/angular.js"></script>
<script src="http://code.angularjs.org/1.2.14/angular-animate.js"></script>
<div ng-app="app">
    <div ng-controller="Controller" ng-init="initFn()">
        <input ng-keydown="doStuff()" placeholder="press any key here"/>
        <div class="repeater" ng-repeat="item in items">
        </div>
    </div>
</div>

CSS

.repeater{
    margin: 10px 0;
    width: 100px;
    height: 20px;
    background-color: crimson;
    transition: all 0.5s ease;
}
.repeater:hover{
    background-color: teal;
}

JavaScript

angular.module('app', ['ngAnimate']);
function Controller($scope, $timeout){
    $scope.items = [];
    $scope.doStuff = function(){
        $scope.items = [];
        $scope.items = $scope.items.concat([{}, {}]);
    };
}