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
Section Tables With Timeline
Call To Actions With Text And Buttons
Card Statement
Button Outline
Component from
Soft UI Dashboard Tailwind
Builder
<button type="button" class="inline-block px-6 py-3 mr-3 font-bold text-center uppercase align-middle transition-all bg-transparent border rounded-lg cursor-pointer border-fuchsia-500 leading-pro text-xs ease-soft-in tracking-tight-soft shadow-soft-md bg-150 bg-x-25 hover:scale-102 active:opacity-85 hover:shadow-soft-xs text-fuchsia-500 mb-4 draggable">Button</button>Input With Icon
Text
Component from
Chakra UI Dashboard
Builder
<Text data-type='Text' fontSize='md'>(md) In love with React & Next</Text>
Requires JavaScript
Stats Section With Title And Description
Sidebar Documentation
Http Code With Title Description Button And Image
Progress
Component from
Soft UI Dashboard Tailwind
Builder
<div class="w-full mb-4 draggable">
<div class="flex mb-2">
<span class="mr-2 font-semibold leading-normal capitalize text-sm">default progress</span>
<span class="ml-auto font-semibold leading-normal text-sm">50%</span>
</div>
<div>
<div class="h-0.75 text-xs flex overflow-visible rounded-lg bg-gray-200">
<div class="bg-fuchsia-500 w-1/2 transition-width duration-600 ease-soft rounded-1 -mt-0.38 -ml-px flex h-1.5 flex-col justify-center overflow-hidden whitespace-nowrap text-center text-white"></div>
</div>
</div>
</div>