Easy editable for clients and yourself within the editor and ready for 100% custom Webflow styling.
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.
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.
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.
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.
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.
So let's dive into the problems we spotted using the Webflow slider carousel component that's built natively into Webflow.
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?"
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.
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.
Let's see how one little component can fix all of these issues.
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 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.
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.
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.
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!