The CMS-based Slider Carousel for Webflow with No Code Flow

Build and style a slider right within the Webflow CMS. Transform your Webflow Collection List into a carousel with this No Code Flow component.
Join over
200
happy No Code Flow users
How does it work

The most important features

Implement native custom Webflow components with No Code Flow

Because everything is 100% built and styled within Webflow, only using plain JS embeds for functionality, you can customize everything. Because no one wants a shitty iFrame that doesn't fit the overall visual approach of a website in 2022 anymore.

Once added to your project, you can just start to style the classes – like you do it with everything else you build in Webflow.

Detailed tutorials on how to implement No Code Flow Webflow components

We'll send you a set of classes and some custom code, that you can add to your site with a little tutorial. We provide a text version and a video. It fells a bit like building an Ikea cupboard.

Example of CMS powered No Code Flow components in Webflow

The whole data in the component comes out of the Webflow CMS, so that your clients can easily add and change items on the live website.

Webflow components that don't require code by No Code Flow

We took care of the functionalities and the code, so that you can focus on the style and User Interface.

There is no third party interface, no shitty surprise, no random UI bugs because everything is all in Webflow. If there is a problem, text us and we'll help you. As easy as that.

In case you just want to start super fast or are searching for style inspiration, we provide with a styled and ready to use version.

Webflow is charging you on a monthly basis, we don't. With the purchase of this tool you can add as many filters as you want within one Webflow project. Made for Agencys and Freelancer, because you simply use your client budget, but don't have to built it yourself.

Get started

How does it work?

Search and buy a component on the No Code Flow Website. The Payment fulfillment is 100% secure and run by Gumroad – this is more secure and easier for every one of us.
We'll send you this form to give us your Webflow account E-Mail address and to type in the license key you will get via E-Mail to verify your purchase. After that, we'll send you 2 projects to your Webflow account E-Mail address. The first will be the template file, in this case "NCF Calendar Styled Template" and the other one is the plain project, which you can style from 0 "NCF Calendar Plain Version".

Also you will get a little tutorial video to implement the component on your website.
After implementing the component, you will be able to scale every detail of it right within Webflow.
Things that might be unclear

FAQs

Can I see how it works before purchasing?

Yes! You can see the Webflow Demo of our Demo File. It is build with the exact same code that you're going to use to. You can even check it in the inspector if you want to.

Can I customise every UI element?

Yes, in the file we'll provide you get a "template" for every different state, that you just can style. Also, we explain every different state in the tutorial. So you can customize EVERYTHING.

Is there a pre-styled version?

Yes, we will provide you with the template file which you can style from zero and with our demo file that you modify in any way you want to.

For how many different sites can I use the component?

Per purchase you can add the item to 1 Webflow project. You can transfer the project while doing so, but you can't clone the site and use it double. The idea is that it's fair for you and your client. You save the hours of work for one single project. No monthly fee, just one single payment.

Does the No Code Flow Slider Carousel include an autoslide option?

Yes, you can activate auto slide and even enable a bar that fills itself depending on the slide progress. This option can be always disabled too.

Is the slider component dragable?

Yes, the slider is draggable. We made sure that the drag experience feels super smooth. You can turn drag on desktop on and off.

Can I change the easings of the slide animation?

Yes of course. You can put in any easing that you have in mind!
What do other people say

Customer Feedback

Product Overview
A custom and CMS-ready slider carousel for the Webflow CMS. It features auto slide (+ indicator), advanced styling options for the slider, and easier customization.

Easy editable for clients and yourself within the editor and ready for 100% custom Webflow styling.
Included in your purchase
You will get an E-Mail with all important data that you need to get started in your project
Plain Filter Version for a rapid styling from zero in your Webflow file
Pre-Styled Version (demo file) that you can instantaneously use within your project as a template
A video tutorial that guides you through the step by step installation guide
The License of your purchase for a one time usage with which you can make sure that you're using it legit
*this is a one time payment, once paid you can start immediately :)

* A CMS Slider Carousel for Webflow? That works powered by the Webflow CMS Collection Lists? That's possible? It is!

Within the Webflow CMS we have a wide range of nice components that'll work just nicely. For example the slider carousel they deliver in general works. And for certain websites, it might be enough. But we realized that this super common component lacks quite a few important features to make it work perfectly.

To help you build an awesome slider carousel in the Webflow CMS we built our own cloneable alternative. A slider that you can implement hassle-free in less than 3 minutes and that works with the Webflow CMS collection lists and is really 100% styleable.

The No Code Flow CMS Slider for Webflow works with the CMS

Problems with the slider carousel item in Webflow

So let's dive into the problems we spotted using the Webflow slider carousel component that's built natively into Webflow.

It doesn't work with the CMS

Surprise, surprise. The biggest issue we spotted is, that the slider carousel just won't work with the Collection Lists, meaning with the CMS. This really limits your possibilities to hand off websites to a client (if you are working for clients), since clients to modify the slider carousel would need to edit the element directly within the Webflow Designer interface.

I don't know if you've ever tried this kind of collaboration, but we wouldn't really recommend it. In fact it feels a bit like this when you get the first E-Mails saying something like "I think I've broken something on the website, can you take a look?"

Styling is quite limited and can get messy

The styling of the slides itself works without thinking about it. It's really easy. But the slide nav and the icon styles can get messy.

For example, you can't really move elements "off" the actual slide. This means if you want to build something like in our example you have to trick around quite a lot. Also, there is no manual way to exchange the icons that Webflow presets (without of course using a code embed and working in the inspector). But this is yet another point that makes the website harder to use for clients as well as for other people who work on the project if you want to hand it off one day.

Little Details: Auto slide progress bar

When building the auto slide feature into your website, usually it's nice to see when the next slide appears. Implementing a progress bar into Webflow isn't possible without custom code and limits the slider carousel.

How the No Code Flow Slider Carousel component fixes all of that for you

Let's see how one little component can fix all of these issues.

A Webflow slider carousel that does work with the CMS without no hassle at all

First things first. The most important feature of the No Code Flow component is that it works with the Webflow CMS. In fact, it works as good with the CMS as every other item you'd build in Webflow. You can build as many different slider carousels as you want on one page. You can add a lot of different CMS-sourced elements like call to actions. You could it opens up a new world of possibilities – since you can now also use a slider carousel on a blog article. Without any workaround. It's pretty fantastic!

The CMS item that powers the No Code Flow demo slider

More freedom in styling your slider

The No Code Flow slider carousel for Webflow is basically just a bunch of div blocks. That means you can get super creative without using code embeds or other workaround stuff. Just style everything right within the Webflow designer without annoying overrides or elements that Webflow forces you to use.

Add a nice progress bar to your slider – finally!

This might sound like a small feature indeed. BUT is there anything more annoying than a slider that auto slides without you as a user seeing it coming? We don't think so. For real.

We bet you didn't see that slide coming. Well with the No Code Flow slider this is no problem anymore. (source: https://preview.colorlib.com/theme/bootstrap/carousel-08/)

With the No Code Flow Slider you can add a progress bar to your auto slider. Also you can stop the carousel if you actually want to read the text on the slider. That's pretty handy sometimes:

So if you're fine with all the flaws that Webflow's native slider carousel solution brings and it still meets your requirements, that's awesome. But if not: now you have an alternative that might help to deliver more awesome websites.

Our vision for the No Code Flow Webflow slider carousel component

We from No Code Flow build websites in Webflow for nearly 4 years. For us, it’s the only tool that makes web design a fun experience. At one point though we built so many workarounds, that we thought: why not share all of this work? It would be awesome if everyone could build more advanced Webflow websites without suffering so much as we did. We are part of the Webflow community and use every one of our tools in our own projects. Therefore, we have a big interest in developing this slider carousel further and share our other components as well. In fact you can get a preview of the advanced version right on this website we built.

So we'd love to get your opinion: If you have any feature ideas, that you would need in a slider carousel component for Webflow, contact us! With every feedback, you help us to enable you and other creatives to build more awesome Webflow websites. If you want to stay in the loop you can sign-up for our product updates and new drops here. Happy building!

So... for who did we build this?

People who build websites with Webflow and have no idea how to code

This tool helps with a high-quality prebuilt JS component which is fully integrated in Webflow. No coding required, 100% Webflow styleable, used in live websites and working at this very moment.

People that love to safe a load of money and time while building Websites in Webflow

To build this you’ll need between 10-16 hours. If you earn 70€ per hour you spent 700€-1.120€ on creating this filter list on your own. You save actually at least 683€ with this purchase.
Webflow Slider Carousel
Buy for $17