Slider Generator

Hello! đź‘‹

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Interactions
CMS
Boosters

Slider Generator

Create custom sliders in Webflow powered by SlickJS.

[.c-title-3-primary]How do you create custom sliders in Webflow?[.c-title-3-primary]

Use Refokus Slider Generator to create custom sliders with static elements or CMS collection lists. This tool is powered by SlickJS, allowing you to use all of this slider flexibility without writing a line of code.

‍

Step #1

Copy the

Slider Generator

<script> and paste it before the </body> of your page

Copy Script Code
<script
src=
"
https://tools.refokus.com/slider-generator/bundle.v1.0.0.js
"
></script>
<script src="https://tools.refokus.com/slider-generator/bundle.v1.0.0.js"></script>
Copy Text to Clipboard
Copied!
Step #2

Set Custom Attributes

Everything is made using custom attributes, so when we say “Add” that means "Add a custom attribute”.
‍Learn more
anchor link
Activate the tool by adding a Custom Attribute to the parent of the 'Slides'
anchor link
Base Settings
anchor link
Responsive Settings
anchor link
anchor link
anchor link
anchor link
anchor link
anchor link
anchor link
General Notes
Step #3

Publish your site to the staging domain to test the tool is working.

Clonable Demo

Publish your site to the staging domain to test the tool is working.

Thank you!
Oops! Something went wrong while submitting the form.
Give us feedback
Share on LinkedInShare on TwitterShare via URL
Other Webflow tools you might be interested in
Back to directory
CMS Tabs
Create powerful tabs where the tab menu and content are managed from a CMS.
Link to tool
Page Transitions
Create visual continuity between pages with custom page transitions.
Link to tool
Masonry Layout
Create a Masonry Layout (Pinterest Style) that’s also fully responsive!
Link to tool