Framework
Theme
All
689
Forms
16
Charts
21
Navbars
45
Sidebars
27
Typography
42
Components
62
Tables
34
Cards
70
Contact Us
9
Testimonials
19
General
6
Features
25
Cards Section
38
Teams Section
11
Faq
9
Headers
47
Blogs
15
Contacts Section
9
Profiles Section
13
Charts Section
7
Tables Section
15
Contents
18
Logo Areas
12
Projects Section
14
Stats
13
Authentication
15
Call To Actions
21
Http Codes
6
Teams
16
Pricing
13
UI Components Library
Discover 689 components available in Loopple’s library! Create modern templates without creativity of a designer
Feature 4
Section Tables Ecommerce
Section Cards Ecommerce
Table Licenses
Faq With Text And Accordions In The Right
Avatar Group
Header With Presentation Image
Content With Text And Video
Section Teams Simple
Component from
Soft UI Dashboard
Builder
<div class="row removable">
<div class="col-xl-3 col-md-6 drop-zone mb-4">
<div class="card draggable">
<!-- Card body -->
<div class="card-body p-3">
<div class="d-flex align-items-center">
<div>
<img src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/bruce-mars.jpg" class="avatar avata-sm">
</div>
<div class="ms-3">
<span class="h6 font-weight-bold mb-0">Alex Mirrial</span>
<h6 class="card-title text-capitalize text-muted text-sm mb-0">CEO</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 drop-zone mb-4">
<div class="card draggable">
<!-- Card body -->
<div class="card-body p-3">
<div class="d-flex align-items-center">
<div>
<img src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/team-1.jpg" class="avatar avata-sm">
</div>
<div class="ms-3">
<span class="h6 font-weight-bold mb-0">Miriam Silfon</span>
<h6 class="card-title text-muted text-sm mb-0">Back-End Developer</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 drop-zone mb-4">
<div class="card draggable">
<!-- Card body -->
<div class="card-body p-3">
<div class="d-flex align-items-center">
<div>
<img src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/team-2.jpg" class="avatar avata-sm">
</div>
<div class="ms-3">
<span class="h6 font-weight-bold mb-0">Alexis Thomson</span>
<h6 class="card-title text-muted text-sm mb-0">UI Designer</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 drop-zone mb-4">
<div class="card draggable">
<!-- Card body -->
<div class="card-body p-3">
<div class="d-flex align-items-center">
<div>
<img src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/team-3.jpg" class="avatar avata-sm">
</div>
<div class="ms-3">
<span class="h6 font-weight-bold mb-0">Maxim Illias</span>
<h6 class="card-title text-muted text-sm mb-0">Java Developer</h6>
</div>
</div>
</div>
</div>
</div>
</div>