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
What makes Smart Slider unique?

Next generation visual editor to create responsive animated sliders and blocks.

Slide 2
What makes Smart Slider unique?

Choose the slide you like from a huge collection. Fresh design, with harmonious typography.

Slide 3
What makes Smart Slider unique?

Experience flexibility & variability that allows you to create beautiful slides.

previous arrowprevious arrow
next arrownext arrow

Orion Full Page

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

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

Minimum version: 3.5.1

Tags:

Slider Settings

The Orion Full Page template is a simple slider, displaying one slide at a time. This is one of the most common usage of sliders, as it allows presenting one single message without any interruption. It’s also a full page slider, which means it fills the both width and height of the browser. Full page sliders are loved by modern web design as they look gorgeous on the large monitors people use.

For navigation the Orion Full Page template offers arrows and bullets. Arrows are great for slide to slide navigation. Bullets, on the other hand, have two purposes. First, they show the available slides to see. Second, they allow quick navigation between slides that are not neighbors. Apart from arrows and bullets, it’s also possible to switch slides by swiping or dragging the slides.

Layers

The Orion Full Page template doesn’t have complex layers. In fact, it uses the most common ones: heading, text and button. The text layer has a visual highlight by bolding some parts of the text.

Layer animation settings
Layer animation settings

The text layer makes it easy to bold parts of your text. Simply select the words you want to bold and click on the B button.

Formatting is easy in the Text layer
Formatting is easy in the Text layer

Animations

Each slide presents its layers with a nice set of layer animations. The layers come in from the top with a slight blur effect which makes the loading spectacular.

Additionally, there’s a special background animation set for the slider. It’s the “Zoom out” animation that makes it look like the images are zoomed when the slides are switching.

Background animation selector
Background animation selector

Layout

The layout of this template is very simple. When you add layers to Smart Slider, by default they appear in the middle of the slide. This template kept the default behavior for a simple but nice look.

Responsive

Smart Slider is a responsive slider and offers many tools to optimize the mobile result. At this template our favorite tool was the Font resizer which helped us optimize the text size for mobile.

Core Web Vitals

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

98

Desktop

First Contentful Paint
0.3 s
Speed Index
1 s
Largest Contentful Paint
1.1 s
Time to Interactive
0.5 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0
90

Mobile

First Contentful Paint
1 s
Speed Index
2.2 s
Largest Contentful Paint
3.6 s
Time to Interactive
1.3 s
Total Blocking Time
90 ms
Cumulative Layout Shift
0

Related Documentation: Where to find the Slide Library?

Related Post: Smart Slider 3 – Slide Library