Web components are awesome

The awesome-slider Vanilla JS Custom Element is a cool and clean option
to quickly add a slider / banner / gallery to your web projects.

<awesome-slider/> ~5KB compressed

• Inline Example Banner Example Fullscreen Example
  Exit Fullscreen
  <awesome-slider height="x60%" bullets="true" color="grey" arrows="true">
  

  ---

  <item source="/images/image-1.jpg"></item>
  

  ---

  <item source="/images/image-1.jpg"></item>
  

  ---

  <item source="/images/image-1.jpg"></item>
  </awesome-slider>
• document.querySelector("awesome-slider").color("teal");
  Run this code
• document.querySelector("awesome-slider").next();
  Run this code
• document.querySelector("awesome-slider").prev();
  Run this code
• document.querySelector("awesome-slider").setAttribute("bullets", "false");
  Run this code