title: Carousel or Slider with md-card inside Angular Material
body: <p>I want to build a carousel/slider with md-card inside, not an image or video. The md-card can have an image, video inside it though. </p>
  
  <p>The best example I have come across is Google's Snapping Carousel which shows the results for tweets that are horizontally scrollable.</p>
  
  <p><a href="https://i.stack.imgur.com/vmqak.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vmqak.png" alt="enter image description here"></a></p>
  
  <p>I also found Ninja-slider to be helpful and working. The problem is though that it does not work on the project I want to include it in and it requires a license. It does not show any errors also, but is not working also. Here is <a href="http://codepen.io/robotboy1000/pen/WxEkNP" rel="nofollow noreferrer">the codepen</a> and an image below. </p>
  
  <p><a href="https://i.stack.imgur.com/V2VOb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/V2VOb.png" alt="enter image description here"></a></p>
  
  <p>Then, I tried to use Bootstrap's carousel but it shows a directive-controller error where I have applied all possible solutions with no successful outcome. Then I used <a href="https://angular-ui.github.io/bootstrap/" rel="nofollow noreferrer">Bootstrap's Angular Carousel</a> which I think has its own bugs as it sometimes does not work at all and when it does, it is never seamless. </p>
  
  <p>Finally, I came across <a href="http://flickity.metafizzy.co/" rel="nofollow noreferrer">Flickity</a> and it also does the job. <a href="http://codepen.io/robotboy1000/pen/JKyQpm" rel="nofollow noreferrer">Here is the codepen</a>. </p>
  
  <pre><code>&lt;div class="carousel js-flickity"&gt;
    &lt;div class="carousel-cell"&gt;
      &lt;md-content class="md-padding" layout-xs="column" layout="row"&gt;
  </code></pre>
  
  <p>But even this doesn't look perfect and also requires a license.
  <a href="https://i.stack.imgur.com/Zgm0K.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Zgm0K.png" alt="enter image description here"></a></p>
  
  <p>What is the closest alternative to what Google does (as shown above)? 
  Also, I don't want to have jQuery in this (if possible). 
  PS: I have removed codepen links because of obvious reasons. </p>