UI Components Library

Discover 689 components available in Loopple’s library! Create modern templates without creativity of a designer

Feature With Image In Right Text And Button

Card User Details

Component from Argon Dashboard Builder

Feature With Soft Background And 3 Cards

Section Project Analytics

Component from Argon Dashboard Builder

Feature With 6 Cards On 6 Rows

Contact With Text

Card Blog Background Image

Component from Asteria Dashboard Builder

Carousel Simple

Table Excel

Component from Asteria Dashboard Builder
<div class="card table-responsive draggable">
    <div class="card-header border-bottom-0">
        <h6 class="text-dark">Table Excel</h6>
    </div>
    <table class="table" data-integration="excel" tbody-td-classes="text-sm px-4" thead-th-classes="text-secondary text-sm font-weight-bold opacity-8">
        <thead>
            <tr>
            <th scope="col">#</th>
            <th scope="col">First</th>
            <th scope="col">Last</th>
            <th scope="col">Handle</th>
            </tr>
        </thead>
        <tbody>
            <tr>
            <td scope="row" class="text-sm px-4">1</td>
            <td class="text-sm px-4">Mark</td>
            <td class="text-sm px-4" >Otto</td>
            <td class="text-sm px-4">@mdo</td>
            </tr>
            <tr>
            <td scope="row" class="text-sm px-4">2</td>
            <td class="text-sm px-4">Jacob</td>
            <td class="text-sm px-4">Thornton</td>
            <td class="text-sm px-4">@fat</td>
            </tr>
            <tr>
            <td scope="row" class="text-sm px-4">3</td>
            <td class="text-sm px-4">Larry</td>
            <td class="text-sm px-4">the Bird</td>
            <td class="text-sm px-4">@twitter</td>
            </tr>
        </tbody>
    </table>
</div>

Pre Footer With Text And Button