A simple and modern slider with a minimalistic design. Powered by Flickity. Demonstration: Responsive-Minimalistic-Slider. Demonstration in Cyrillic (Russian language): Cyrillic-Demo.
Important note: For commercial use of the Flickity slider, please read the Commercial License terms for this slider here: https://flickity.metafizzy.co/license.html
The project uses the following colors:
Light mode:
- Body bg: #ffffff
- Hover/Active: #5050ff
- Content: #242428
- Metadata: #80808e
Dark mode:
- Body bg: #2e2e32
- Hover/Active: #7171ff
- Content: #ffffff
- Metadata: #a8a8b6
Image size:
- Original: 750x480px
- 2x: 1500x960px (recommended)
Google fonts: Lora (400, 500, 600, 400 italic, 500 italic, 600 italic).
I also use the "mw-" prefix for CSS classes and IDs. This should make it easier to use this slider if you want to bring it into your project, as applying this prefix will reduce the chance that this slider's styles will conflict with your project's styles.
- Flickity: Touch, responsive, flickable carousels. Flickity makes carousels, galleries, & sliders that feel lively and effortless.
- jQuery: jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
- normalize.css: A modern alternative to CSS resets.
- Font Awesome Free: Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators.
- Google Fonts: Lora.
- Unsplash.com: The internet's source of freely-usable images. Powered by creators everywhere.
Thank you for your interest!