Redirecting to PayPal

Shuffle Components in Pstls library

Browse 149 ready-made UI components available in Shuffle Editor.

Framework

UI Library

Components

Pstls UI Components by Shuffle

Choose from 149 of ready-made UI components available in Shuffle Editor.

By subscribing to the editor, you get access to all of them.

The UI libraries are available in four frameworks - Tailwind CSS, Bootstrap, Bulma, and Material-UI (React). We divided them into components, under which there is clear code. In Shuffle Editor, you can build whole templates from them, editing styles, texts, images, and other features. You can also export them as code and work in your favorite IDE.

Try Shuffle Editor for Free

Component #1

Bootstrap

Open in Editor →

<section class="py-24 position-relative overflow-hidden">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-md-6 mb-12 mb-md-0">
        <div class="mw-md mx-auto">
          <h2 class="mb-6 display-4 lh-sm font-heading">Build and launch without problems</h2>
          <p class="mb-6 lh-lg">If you have ever wondered how to develop your brand, this is the place for you. Take a big step forward in growing your business with this great tool.</p>
          <div class="d-flex flex-wrap">
            <a class="mb-4 me-4" href="#">
              <img src="pstls-assets/images/applications/appstore.svg" alt="">
            </a>
            <a class="mb-4" href="#">
              <img src="pstls-assets/images/applications/googleplay.svg" alt="">
            </a>
          </div>
        </div>
      </div>
      <div class="col-12 col-md-6">
        <img class="img-fluid d-block mx-auto mw-xs mw-lg-md" src="pstls-assets/images/applications/phone-light-squares.png" alt="">
      </div>
    </div>
  </div>
</section>