The best way to build Webflow sliders, for free
Create fully customizable sliders with advanced features, built on the open-source SwiperJS library.
Attribute-powered
Every setting Waterfall sets has an associated attribute, making sliders reusable across Components.
100% Free to use
The Wellflow App was created for developers, by developers. Just start building!
Built for Webflow
The Wellflow app allows for simple editing across all of your sliders and is deeply integrated into the ecosystem.
Enter your flow 🌊 state
Design Sliders in Webflow
Build your sliders, navigation, pagination, and more directly in Webflow. Then add functionality.
Add CMS or Static slides
Waterfall works with CMS content - or add in static content for a fully custom experience.
Edit with the Wellflow app
Once your sliders are built, customize over 250+ settings in a UI using the Wellflow App. Everything is Attribute powered - no need to customize each instance.
Create resuable components
Turn your completed sliders into Components and reuse them across your site.
Creativity with the power of a waterfall
Waterfall | |
|---|---|
Full SwiperJS Attribute Support Supports all 250+ attributes | |
Turn into Components Reuse your sliders across your pages and sites | |
Unlimited Edits Easily update your sliders after being created | |
Navigation | |
Pagination | |
Scrollbar | |
Playback Autoplay, Free Mode, Loop & Rewind | |
Layout Grid, Space Between, Slides per View, Group | |
Manipulation Add slides to a slider pre-render | |
Parallax | |
Effects Slide, Fade, Cube, Coverflow, Flip, Cards | |
Thumbs & Controller Controller one slider with another | |
Keyboard Control | |
Mouse Control | |
Accessibility | |
Zoom Not currently supported |
Frequently Asked Questions
All SwiperJS features that make sense for Webflow are built into Waterfall. There are a few settings for React apps for example that have not been supported. If we're missing a property you'd like to control, please contact us.
Everything! Try making custom pagination bullets, navigation buttons, unique layouts, effects, parallaxing, and more!
SwiperJS has its own CSS and JS that affects the layout of the slider, and it can be a bit counterintutive at first. The most common culprits for broken layouts are setting a flex gap on swiper-wrapper (use space-between or padding inside the slide instead) or not setting a height on the .swiper element.
Our goal at Wellflow is to provide developers with solutions that are respectful of their budget. All solutions are being offered for free during the beta period, and if you build with Waterfall during the beta, it will work for life - it will never become locked or non-functional.
