Redirecting to PayPal

Newsletter Components in Bootstrap library

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

Framework

UI Library

Components

Component #1

Bootstrap

Plain 5

Open in Editor →

<section class="py-5">
  <div class="container">
    <div class="p-3 p-md-5 bg-light rounded">
      <div class="row align-items-center">
        <div class="col-12 col-lg-8 mb-3 mb-lg-0">
          <div>
            <h3 class="fw-bold">Sign up to our newsletter</h3>
            <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
          </div>
        </div>
        <div class="col-12 col-md-8 col-lg-4">
          <form action="#">
            <div class="d-flex">
              <input class="form-control me-2" type="email" placeholder="Type your e-mail">
              <button class="btn btn-primary">Action</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>

Not sure which UI library

is best for your template?

Compare Alternatives →

Component #2

Bootstrap

Plain 5

Open in Editor →

Component #3

Bootstrap

Plain 5

Open in Editor →

Component #4

Bootstrap

Plain 5

Open in Editor →

Newsletter Components by Shuffle

Choose from 4 variations of Newsletter UI components. Presented here are variants available in Bootstrap library.

You will also find many other types of components in Shuffle Editor that will be in the same style. Each library has been designed by a professional designer and coded by our team of developers.

Get access to all Newsletter UI components, code and our visual editor. Try the demo for free!