Sheet Slider

Slider for images as lightweight as a leaf

imgText

A young woman

Innocent Girl Image

imgText

Photo of volcano

By Nick Wehrli

imgText

Cat on cushion

Berendey and Andrey

imgText

Lily in droplets

Photo by Oleksandra Zelena

imgText

Katya Lischina

A Russian internet personality

A pure CSS slider with no dependencies. Designed to be as lightweight and fast as possible.

Get started View on GitHub

Lightweight

A lightweight and powerful solution that doesn't rely on JavaScript and compresses to just 1kb (Brotli).

Without JavaScript

A engine written from scratch using only CSS. None of its functions require JavaScript.

Customizable

Easily edit visual aspects using SASS during development, or modify variables in production.

Modular

Use only what you need. If you don't require buttons, text, or navigation, simply exclude them.

Performance

Due to its minimal dependency and pure CSS implementation, the performance is unparalleled.

Open source

Make the slider an integral part of all your projects without limitations, thanks to the MIT license.

1
2
3

Fade effect

Sheet Slider can be used with a fade effect, just add the sheet-fade class to the parent element.

1
2
3

Vertical slider

Create a vertical slider by adding the sheet-vertical class to the parent element.

Contributing

If you want, you can also help me maintain this and more projects by buying me a coffee ☕. I will appreciate it very much 👏.

Buy me a coffee