Themes
Choose your theme
rubick
icewall
tinker
enigma
Layouts
Choose your layout
side menu
simple menu
top menu
Accent Colors
Choose your accent color
Appearance
Choose your appearance
Light
Dark
Icewall
Pages
Mail Settings
Users & Permissions
Transactions Report
Users
Denzel Washington
denzelwashington@left4code.com
Robert De Niro
robertdeniro@left4code.com
John Travolta
johntravolta@left4code.com
Russell Crowe
russellcrowe@left4code.com
Products
Samsung Q90 QLED TV
Electronic
Nike Air Max 270
Sport & Outdoor
Nikon Z6
Photography
Sony A7 III
Photography

## Slider

## Single Item

Show example code

### 1

### 2

### 3

### 4

### 5

### 6

                    HTMLOpenTagdiv class="mx-6"HTMLCloseTag
                                    HTMLOpenTagdiv
        data-config="single-item"
        id="single-item-slider" class="tiny-slider"
    HTMLCloseTag
        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    1
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    2
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    3
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    4
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    5
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    6
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
    HTMLOpenTag/divHTMLCloseTag
                                HTMLOpenTag/divHTMLCloseTag

## Multiple Item

Show example code

### 1

### 2

### 3

### 4

### 5

### 6

### 7

### 8

### 9

                    HTMLOpenTagdiv class="mx-6"HTMLCloseTag
                                    HTMLOpenTagdiv
        data-config="multiple-items"
        id="multiple-item-slider" class="tiny-slider"
    HTMLCloseTag
        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    1
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    2
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    3
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    4
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    5
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    6
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    7
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    8
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    9
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
    HTMLOpenTag/divHTMLCloseTag
                                HTMLOpenTag/divHTMLCloseTag

## Responsive Display

Show example code

### 1

### 2

### 3

### 4

### 5

### 6

### 7

### 8

                    HTMLOpenTagdiv class="mx-6 pb-8"HTMLCloseTag
                                    HTMLOpenTagdiv
        data-config="responsive"
        id="responsive-slider" class="tiny-slider"
    HTMLCloseTag
        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    1
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    2
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    3
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    4
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    5
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    6
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    7
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    8
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
    HTMLOpenTag/divHTMLCloseTag
                                HTMLOpenTag/divHTMLCloseTag

## Center Mode

Show example code

### 1

### 2

### 3

### 4

### 5

### 6

                    HTMLOpenTagdiv class="mx-6"HTMLCloseTag
                                    HTMLOpenTagdiv
        data-config="center-mode"
        id="center-mode-slider" class="tiny-slider"
    HTMLCloseTag
        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    1
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    2
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    3
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    4
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    5
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-32 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="h-full rounded-md bg-slate-100 dark:bg-darkmode-400"HTMLCloseTag
                                                HTMLOpenTagh3 class="flex h-full items-center justify-center text-2xl font-medium"HTMLCloseTag
                                                    6
                                                HTMLOpenTag/h3HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
    HTMLOpenTag/divHTMLCloseTag
                                HTMLOpenTag/divHTMLCloseTag

## Fade Animation

Show example code

                    HTMLOpenTagdiv class="mx-6 pb-8"HTMLCloseTag
                                    HTMLOpenTagdiv
        data-config="fade-mode"
        id="fade-animation-slider" class="tiny-slider"
    HTMLCloseTag
        HTMLOpenTagdiv class="h-64 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="image-fit h-full overflow-hidden rounded-md"HTMLCloseTag
                                                HTMLOpenTagimg
                                                    src="dist/images/fakers/preview-5.jpg"
                                                    alt="Midone - Tailwind Admin Dashboard Template"
                                                /HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-64 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="image-fit h-full overflow-hidden rounded-md"HTMLCloseTag
                                                HTMLOpenTagimg
                                                    src="dist/images/fakers/preview-15.jpg"
                                                    alt="Midone - Tailwind Admin Dashboard Template"
                                                /HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTagdiv class="h-64 px-2"HTMLCloseTag
                                            HTMLOpenTagdiv class="image-fit h-full overflow-hidden rounded-md"HTMLCloseTag
                                                HTMLOpenTagimg
                                                    src="dist/images/fakers/preview-6.jpg"
                                                    alt="Midone - Tailwind Admin Dashboard Template"
                                                /HTMLCloseTag
                                            HTMLOpenTag/divHTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
    HTMLOpenTag/divHTMLCloseTag
                                HTMLOpenTag/divHTMLCloseTag