SOURCE

$.get('https://www.easy-mock.com/mock/5911a994acb959185b0c4308/demos/demos',function(data){
  data.sites.forEach((site,index) => {
    setTimeout(() =>{
			$('#list').append('<li class="animated slideInLeft">'+site.name+'</li>')
    },100*index)
  }) 
})

<ul id="list">
</ul>

ul{
  list-style:none;
  padding:0;
  width:300px;
  overflow:hidden;
}
li{
  width:calc(100%-10px);
  height:30px;
  line-height:30px;
  padding-left:10px;
  border:1px solid #ccc;
}