Shaders Slider

Shaders Slider

Stunning WebGL image transitions
Last updated on Jul 4, 2024
SwiperSwiper
Preview
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot

Shaders Slider

Shaders Slider is an unique and premium SwiperGL module with WebGL based image transitions (based on Swiper).

It can be easily integrated into your Framework7 or Ionic app as Swiper already integrated into these frameworks.

Features

  • it is based on Swiper, so it supports almost all Swiper features
  • except main slider image, any content can be placed within slides which behaves like usual Swiper

Known Limitations

Slides images are handled through WebGL here, so the following Swiper features are not supported:

  • anything related to slides grid (slidesPerView, slidesPerGroup and Grid module)
  • zoom functionality
  • virtual slides
  • all images must have the same aspect ratio

Package

In the package you will find:

  • static demo - using plain HTML, CSS, and JS
  • modules demo - project using ES modules created with Vite
  • all required extra styles
  • all required JavaScript to make it work
  • instructions on how to build, run and preview the project

Swiper Studio

This effect is also available in Swiper Studio

Follow UI Initiative on Twitter

Terms of servicePrivacy policyRefund policyContactExtended License

All product names, logos and brands are property of their respective owners.

2024 © UI Initiative by nolimits4web

Sign In

You need to be logged in to be able to make a purchase and download catalog items.

OR