Black Friday Sale! We are excited to offer a discount of 30% on every Smart Slider plans. Get yours until 29th November!

Buy Now
Slide #1
New
Lorem Ipsum Dolor Sit Amet

We help you to develop unique digital world

Risus lacus orci suspendisse enim integer sapien id posuere. Purus imperdiet et id ultricies tempus. Urna duis sed vitae fermentum tellus vivamus id consequat ut.

Watch video
Slide #2

Project management

Gravida pretium quam malesuada in pellentesque molestie magna pretium pellentesque.

Learn More

E-mail marketing

Euismod vel lacinia dictumst sollicitudin eu nibh et. Et non erat vel adipiscing risus faucibus.

Learn More
Slide #3
New
Lorem Ipsum Dolor Sit Amet

Let’s talk about numbers

Risus lacus orci suspendisse enim integer sapien id posuere. Purus imperdiet et id ultricies tempus. Urna duis sed vitae fermentum tellus vivamus id consequat.

Number 01
0%
Number 02
0%
Number 03
0%
previous arrow
next arrow

Nala Fullpage

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

Description: The Nala Fullpage was created from the new Slide Library kit, Nala. It's a modern slide kit that helps you create gorgeous slides in no time.

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

Minimum version: 3.5.1.11

Tags:

Slider Settings

The Nala Fullpage uses the simple slider type. Simple sliders are the most common sliders you can find on websites. They display one slide at a time which allows visitors to view every part of the slider before moving forward. It uses the full page layout, which means the slider takes up the width and height of the browser’s viewport. As a result, the only thing visible on the screen is the slider.

Layers

Smart Slider has several layers to create content. There are some layers that are more popular than others, because they help creating the most needed content for the slides. Some of these layers are heading, text, button and image. You can find each of these layers on the Nala Fullpage slider.

Animations

The Nala Fullpage is full of animations. Right when the slider loads you can see the layers moving in from the left and right side. These are layer animations which are nice tools to have as they can introduce the layer in a trendy way.

The other effect is visible when you change slides. It affects the background animations, making them move in a special way. The background animation we used here is the Morph – Wave animation. It morphs the current image into the next one with a wave-like effect.

Layout

Probably the most interesting layout solution in this slider is a custom button. We created it using a row layer that has the button’s background and border. It also has a nice hover effect. Additionally, the clicking on the row (or anything inside it) opens a video in a lightbox.

Custom button layout using rows in the Layer List

Responsive

Nowadays you need to create websites and sliders that look great on the smallest screens. Smart Slider provides you all the tools you need to create a responsive slider for your websie.

Core Web Vitals

PageSpeed Insights with Lighthouse analyzed this page on November 8, 2022. For the latest result analyze now!

97

Desktop

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

Mobile

First Contentful Paint
1 s
Speed Index
2.1 s
Largest Contentful Paint
5.1 s
Time to Interactive
3.3 s
Total Blocking Time
120 ms
Cumulative Layout Shift
0

Related Documentation: Layer animation

Related Post: 15 Beautiful Full Width Slider Examples