Bootstrap Downloads Components (20)

Downloads from Casper

<section class="pt-12 pt-lg-24 pb-64 pb-lg-40 pb-xl-32 bg-dark position-relative overflow-hidden"><img class="position-absolute top-0 end-0 me-n32 mt-n64" src="casper-assets/blur/center-violet-blue.svg" alt=""/>
  <div class="container position-relative">
    <div class="position-relative mw-xl mx-auto mw-lg-none pt-12 pt-md-16 pb-72 pt-lg-32 pb-lg-28 pb-xl-40 px-8 px-md-20 px-xl-32 bg-opacity-10 rounded"><img class="position-absolute top-0 start-0 w-100 h-100 rounded" src="casper-assets/newsletter/bg-gradient.png" alt=""/>
      <div class="row position-relative">
        <div class="col-lg-7 col-xl-6 mb-10 mb-lg-0">
          <div class="mw-sm mw-lg-none mx-auto">
            <h3 class="font-heading fw-medium mb-4">Get Benefit with Casper App</h3>
            <p class="mw-lg fs-6 mb-16">Nunc et tellus non erat accumsan aliquam eget non mi. Integer fringilla pellentesque finibus.</p>
            <div class="d-flex"><a class="d-inline-block me-3" href="#"><img class="img-fluid" style="max-height: 48px;" src="casper-assets/download/button1.png" alt=""/></a><a class="d-inline-block" href="#"><img class="img-fluid" style="max-height: 48px;" src="casper-assets/download/button2.png" alt=""/></a></div>
          </div>
        </div>
        <div class="col-lg-5 col-xl-6 position-relative"><img class="position-absolute top-0 start-0 mt-lg-n28 ms-md-10 ms-lg-0 ms-xl-16 mw-xs mw-lg-none" src="casper-assets/download/phone.png" alt=""/></div>
      </div>
    </div>
  </div>
</section>

Downloads from Mirga

Bootstrap

Mirga

<section class="position-relative pt-12 pt-lg-24 bg-light bg-opacity-25 overflow-hidden">
  <div class="container mw-2xl mx-auto mw-lg-8xl">
    <div class="mw-lg-5xl mb-24">
      <h2 class="font-heading h1 mb-12">
        <span class="d-block">Join the community, and</span>
        <span class="d-inline-block position-relative">
          <span>change the future.</span>
          <div class="d-none d-sm-block py-1 bg-danger rounded-pill"></div>
        </span>
      </h2>
      <p class="lead fs-3 mb-16">Shape Tomorrow with Digital Learning Today!</p>
      <a class="btn btn-primary" href="#">Download app</a>
    </div>
    <img class="d-block mx-auto img-fluid" src="mirga-assets/images/download/phone-picture.png" alt="">
  </div>
</section>

Downloads from asitrastudio

Bootstrap

asitrastudio

<section class="position-relative bg-light-light overflow-hidden">
  <div class="position-relative container"><img class="d-none d-md-block position-absolute bottom-0 end-0 me-md-n24 me-xl-0 col-md-10 col-xl-auto" src="asitrastudio-assets/download/phone-right-xl.png" alt=""/>
    <div class="position-relative">
      <div class="mw-sm mw-lg-lg mx-auto mx-md-0 pt-12 pb-20 pt-md-20 py-md-40">
        <h2 class="fs-1 mb-8" >Get our mobile app to make the process faster</h2>
        <p class="mw-md fs-6 mb-12" >
          It is a long established fact that a reader will be distracted by the readable content of a page when looking at its
          layout.
        </p>
        <div class="d-flex mw-sm"><a class="d-inline-block me-6" href="#"><img class="img-fluid" src="asitrastudio-assets/download/app-store.svg" alt=""/></a><a class="d-inline-block" href="#"><img class="img-fluid" src="asitrastudio-assets/download/google.svg" alt=""/></a></div>
      </div><img class="d-md-none img-fluid w-100" src="asitrastudio-assets/download/phone-right-xl.png" alt=""/>
    </div>
  </div>
</section>

Your next website starts here

Design with AI and generate multiple website concepts in minutes. Make it yours with Shuffle: tweak every detail in a visual editor.

Start with Multi-AI Designer

A landing page for a specialty coffee roastery|

Claude

GPT

Gemini

Describe your idea and compare designs from multiple AI models side by side. Try AI Design

Start with Visual Editor

Components Navigations Headers Features Pricing Footers

Header

Build from 13,400+ UI components and templates, then customize every detail. Try Visual Editor

EXPORT CODE TO THE TECH YOU LOVE

Next.js

Tailwind CSS

shadcn/ui

Laravel

WordPress

Shopify

Next.js

Tailwind CSS

shadcn/ui

Laravel

WordPress

Shopify

Downloads from FilyTreck

Bootstrap

FilyTreck

<section class="position-relative py-12 py-lg-24 py-xl-32 bg-dark overflow-hidden"><img class="position-absolute top-0 start-0 w-100 h-100" src="fily-assets/gradients/gradient-download.png" alt="">
  <div class="mw-3xl mw-lg-8xl mx-auto px-5 position-relative">
    <div class="px-12 ps-md-24 pe-md-32 bg-dark rounded-3">
      <div class="row align-items-end">
        <div class="col-lg-6 col-xl-5 mb-16 mb-lg-0">
          <div class="mw-lg mx-auto mx-lg-0 py-14 py-lg-24 py-xl-32">
            <h2 class="font-heading text-white fw-medium mb-6">Get mobile app</h2>
            <p class="fs-6 text-light-dark fw-medium mb-14">Nullam dignissim diam sed velit molestie, at auctor lectus finibus. Phasellus risus nisl, cursus dictum orci a, fermentum finibus tellus.</p><a class="btn btn-primary" href="#">Download app</a>
          </div>
        </div>
        <div class="col-lg-6 col-xl-7"><img class="img-fluid d-block mx-auto me-lg-0" src="fily-assets/faq/iphone.png" alt=""></div>
      </div>
    </div>
  </div>
</section>

Downloads Components by Shuffle

Choose from 20 variations of Bootstrap application components. Presented here are variants available in various UI libraries.

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

Try for Free →

Redirecting to PayPal

Supporting tools

Plans

Bootstrap 5 Downloads Components

Framework

UI Library

Components

Downloads from Casper

Downloads from Mirga

Downloads from asitrastudio

Your next website starts here

Downloads from FilyTreck

Downloads Components by Shuffle

The easiest way to create beautiful websites

How many people?

monthly

annual

lifetime

Create an account

From idea to beautiful design in minutes.

Make it yours with AI

Sign in to create with AI

Add images & videos

How it works

Products

UI Components

Extensions

Support

Company

Redirecting to PayPal

Shuffle's Editors

Supporting tools

Plans

Shuffle’s design systems

Most popular ui libraries

Flex

Zanrly

Saturn

Flaro

Gradia

Basko

Artemis

Vendia

Bootstrap 5 Downloads Components

Framework

UI Library

Components

Downloads from Casper

Downloads from Mirga

Downloads from asitrastudio

Your next website starts here

Downloads from FilyTreck

Downloads Components by Shuffle

The easiest way to create beautiful websites

How many people?

monthly

annual

lifetime

Create an account

From idea to beautiful design in minutes.

Products

UI Components

Extensions

Support

Company