Slider

Single Item

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

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

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

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

Midone - Tailwind Admin Dashboard Template
Midone - Tailwind Admin Dashboard Template
Midone - Tailwind Admin Dashboard Template
            
                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-12.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-14.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-14.jpg"
                                                alt="Midone - Tailwind Admin Dashboard Template"
                                            /HTMLCloseTag
                                        HTMLOpenTag/divHTMLCloseTag
                                    HTMLOpenTag/divHTMLCloseTag
HTMLOpenTag/divHTMLCloseTag
                            HTMLOpenTag/divHTMLCloseTag