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
Pages
Mail Settings
Users & Permissions
Transactions Report
Users
Johnny Depp
johnnydepp@left4code.com
Russell Crowe
russellcrowe@left4code.com
Johnny Depp
johnnydepp@left4code.com
Leonardo DiCaprio
leonardodicaprio@left4code.com
Products
Nikon Z6
Photography
Sony Master Series A9G
Electronic
Sony A7 III
Photography
Samsung Galaxy S20 Ultra
Smartphone & Tablet

## 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-4.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-10.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
    HTMLOpenTag/divHTMLCloseTag
                                HTMLOpenTag/divHTMLCloseTag