---
title: Loaders
layout: common-ux-layout.hbs
---

<div class="sg-section">
  <div class="sg-grid responsive">
    <div class="sg-item">
      <div class="module-library-block loaders" data-code="html">{{>loader}}</div>
    </div>
  </div>
</div>

<div class="sg-section">
  <h4>Plane loader</h4>
  <div class="sg-grid responsive">
    <div class="sg-item">
      <div class="module-library-block" data-code="html">{{>plane-loader}}</div>
    </div>
  </div>
</div>
<div class="sg-section">
  <h4>Plane animation loader</h4>
  <div class="sg-grid responsive">
    <div class="sg-item">
      <div class="module-library-block" data-code="html">{{>plane_animation_loader}}</div>
    </div>
  </div>
</div>