UI Components Library

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

Testimonial Section With Title Description And Cards

How It Works With Steps Instructions

Testimonials With Text On The Left And Cards With Feedback On The Right

Navbar With Centered Logo

Button Fill

Button Fill

Component from Riva Dashboard Tailwind Builder
<button class="mr-2 inline-block text-[0.925rem] font-medium leading-normal text-center align-middle cursor-pointer rounded-[.95rem] transition-colors duration-150 ease-in-out text-white bg-dark shadow-none border-0 px-5 py-3 hover:bg-dark-dark active:bg-dark-dark focus:bg-dark-dark draggable">Button</button>

Button Icon Only

Component from Riva Dashboard Tailwind Builder
<button class="flex items-center justify-center w-12 h-12 text-base font-medium leading-normal text-center text-white align-middle transition-colors duration-150 ease-in-out border-0 shadow-none cursor-pointer rounded-2xl bg-dark hover:bg-dark-dark active:bg-dark-dark focus:bg-dark-dark">
    <i class="fas fa-check text-gray-100"></i>
</button>

Tab Navigation Icons

Authentication Section With Card In The Left And Text

Requires JavaScript

Contact Us Section With Form And Map