🔥 Meet Our New Project: t0ggles - Your Ultimate Project Management Tool! 🔥
Material You Slider

Material You Slider

Material You carousel made with Swiper
Last updated on Apr 29, 2024

Material You Slider

Material You Slider is a premium Swiper effect plugin that adds Material You transition effects.

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

Inspired by Google's official Material You Carousel


  • it is based on Swiper, so it supports most of Swiper features
  • any content can be placed within slides
  • can be actually any size (aspect ratio)
  • can be used for any kind of content presentation (gallery, recommendations, etc.)


There are some small limitations comes with this effect:

  • slidesPerView: "auto" is not supported with this effect
  • spaceBetween parameter will work only when slidesPerView > 1
  • requires at least Swiper version 11.0.5 or higher


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.

2023 © UI Initiative by nolimits4web

Sign In

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