I Am Megan.
Ui&UX designer.
Hobby runner.

I craft simple & clean design solutions for web & mobile. Want to see more? Take a look at my work.

instagram icon
twitter icon
dribbble icon
Introducing my music app

Find new & trending music on your mobile. Hear the world’s music now. Rock on!

instagram icon
twitter icon
Adventure Web Project

You can add geotagged photosand notes to help guide others through your journey.


Hey! Got a project in your mind? Want to work with me? Feel free to shoot me an email or catch me on one of the social links below.

previous arrow
next arrow

Layer Slider

Description: If you need to show your work, list your projects and convince clients to hire your services, then this slider can help you a lot. It's important to make your online portfolio as impressive as possible, so we added beautiful background images, fonts and slow elegant animations.

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

Minimum version:


With a Layer slider you can cheer up the visual appearance of your website. You can tell your story by using layers like a heading or text. In this sample slider the animated heading layer is the first what you will see, which keeps up interest on your website. The animated heading changes more words with a nice animation, and the visitors will focus on that. In this example, the typewriter effect is used, but you can choose from more animations at the layer window. Everyone loves fancy transitions on their website and layer animation helps you create really amazing sliders. The layer movement catches the visitors’ eye like in this example and that makes the slider complete.

The goal of this sample is to catch the visitors’ attention and with the buttons and icons call to an action. Every slide has different background color which makes your website colorful. It is important to keep the harmony between the layers and the background, the layers should be legible and clearly visible like in this Layer slider.

The last slide is special where the HTML layer is used, which contains a contact form, and gets the visitor to do something. I can suggest the HTML layer for developers who want more functionality in their slider. In the background video is played, and with a video slider and with the animations your slider will come alive and be powerful.

The navigation is also important on a slider, in this sample you can see the number type of bullets where the visitors will see how many slides there are, and can switch them. What is more, you can see arrows too, but the carousel mode is turned off here, so you can’t switch from the first slide to the last one, you can navigate only in one way.

Related Post: How to Create a Cool Text Animation

Related Post: Why do You Need a Video Slider on Your Website?

Related Post: Use Beautiful Layer Animations in Smart Slider 3 Pro

Similar Sliders -

Ken BurnsCreate section with blocks and slidersCoffee website landing pageTestimonial Thumbnail