18-22 Sept 2018, Rotterdam
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis dis parturient montes.
00:00 / 00:00
Slide 1
Slide 2
Slide 3
previous arrow
next arrow

Boxed Particle Slider

💻 Settings | 🎓 Layers | 🎉 Animations | 🏗️ Layout | 📱 Responsive | Speed

Premium: Gain access to all slider templates with a single purchase.

Minimum version:


People still use boxed designs, even if full width sliders are much more popular. The best thing about boxed sliders is that they fit nicely into any page or post content. They look like they truly belong there and don’t break the layout either. This Boxed Particle Slider is a great example for a stunning modern boxed slider.

What’s a static overlay and how to create it?

Static overlays are special slides. They are above all the other slides in the slider. When the normal slides change, the static overlay remains in the same place. This makes them perfect for cases where the content doesn’t need to switch with the slides.

Creating a Static Overlay is incredibly easy. First you should add your new slides to your slider. Then, when you create a new slide, you’ll see a new option appearing at the end of the Add Slide options.

Editing a Static overlay is the same as editing any other slide. The only difference is that you’ll see the next slide’s background behind it. Static Overlays can’t have a background on their own, as that would cover the slides below them.

How to create the album cover with the audio player?

The slider has an audio player with a cover image on its right side. Creating this layout is incredibly easy. You just need to add a simple image layer, then put an audio layer below it. The image layer has a handy shortcut on the sidebar. This shortcut makes it easy to add the most popular layers, like the image, heading or button, fast. The audio layer doesn’t have a shortcut, so you’ll need to open the layer list to add it. After adding the layers, the audio layer needs a maximum width. This ensures that the image and audio layer have the same size.

Core Web Vitals

PageSpeed Insights with Lighthouse analyzed this page on April 12, 2021. For the latest result analyze now!



First Contentful Paint
0.8 s
Speed Index
0.8 s
Largest Contentful Paint
0.9 s
Time to Interactive
0.8 s
Total Blocking Time
0 ms
Cumulative Layout Shift


First Contentful Paint
1 s
Speed Index
1.7 s
Largest Contentful Paint
3.4 s
Time to Interactive
2.1 s
Total Blocking Time
20 ms
Cumulative Layout Shift

Related Post: What is a Particle Effect and Why Should You Use It?

Related Post: Use the Popular Ken Burns Effect on your Slider

Similar Sliders -

Wonderful Holiday – Animated image layers to make living slidersFull Page Particle SliderCrypto BlockParticle Carousel