Webflow Slider

Make the most of Webflow's slider element.

View the Demos
DEMO #1

Slide event

SA5's Slider can detect slide change events, and execute a javascript callback that you define.

Here, we simply update this number.

Current slide is #...

Italy

Italy, often referred to as the boot-shaped country, is nestled in Southern Europe and is renowned for its rich cultural history, culinary heritage, and picturesque landscapes.

Greece

Greece, a country in Southeastern Europe, is renowned for its rich history, stunning landscapes, and warm hospitality.

France

France, located in Western Europe, is celebrated for its rich history, artistic influence, and culinary excellence. Its capital, Paris, is often called the "City of Light."

DEMO #2

Smart slider

Use the buttons at left to navigate the slider element above it.

Current slide is #...

How it Works

Italy

Italy, often referred to as the boot-shaped country, is nestled in Southern Europe and is renowned for its rich cultural history, culinary heritage, and picturesque landscapes.

Greece

Greece, a country in Southeastern Europe, is renowned for its rich history, stunning landscapes, and warm hospitality.

France

France, located in Western Europe, is celebrated for its rich history, artistic influence, and culinary excellence. Its capital, Paris, is often called the "City of Light."

Source Code

See the Pen SA5 | Core | Slider Component by Michael Wells (@memetican) on CodePen.