Discover the best comparison websites created by professional designers. Get inspired and start planning your perfect comparison web design today!

𝗢𝘃𝗲𝗿𝘃𝗶𝗲𝘄:

Building an image comparison section in Webflow doesn't need to be difficult, and it shouldn't cost you time or money!

We've done the work for you and made it as simple as possible using the accessible JS from @Pehaa. 

Check out the cloneable and add it to your own projects in seconds.

Was this helpful? Please consider mentioning us on twitter / facebook! it really helps <3 

-------------

Discover the world's largest collection of Webflow components.

⭐ flowbase.co/explore

Instantly copy from our huge library with a single click. Premium components that help you solve problems faster. 

Become a member today!
⭐ flowbase.co/club

Webflow - Before & After Slider

Webflow Before & After Image Slider

Memberstack

Happy Thursday! 

I took some time to revise one of Diego Toda de Oliveira's open-source projects and added Memberstack to it. 

This is now a multi-page template with a landing page, signup, login, pricing, and welcome page. The landing page includes a hero section, navbar, fully responsive design, sticky sections, awesome scroll interactions, infinite client testimonials, footer, and a looping animation at the bottom.

All of the copy is a placeholder & the images are from Pexels so this project is 100% yours as soon as you hit clone!

If you have any questions, feel free to drop a comment below. Thanks!

Beautiful Membership Site

Beautiful Membership Project

Happy Monday! 

I took some time to revise one of Pixer's open-source rebuilds and added Memberstack to it. 

This free webflow template is heavily inspired by Pipe.com’s website circa March 2022. It includes a fixed navbar with hover and scroll interactions, working sign up, and login pages, feature sections, testimonials (inspired by Lattice.com), tabs, comparison section, fun gradients, a dark UI, lottie animations, and a footer section. 

Plus the whole project is responsive! Note I only QA’d for like 30 minutes so there are likely bugs. Please let me know if you find any!

Note: you could use this template with Memberstack's pre-built UI (the one you see in the template now) or you could link directly to your own custom signup form. Totally up to you.

If you have any questions, feel free to drop a comment below. Thanks!

Cool Membership Template

Subscription Template

Introducing Splitter - the customizable before-after slider tool that allows you to showcase your content in a whole new way. Say goodbye to limited options and outdated libraries, and hello to complete control over your before-after sliders.

With Splitter, you can easily customize the look and feel of your before-after container, and add any type of content you like - photos, videos, text, and more. Plus, with support for CMS integration, you can easily manage and update your content on the fly.

Whether you're a designer, marketer, or content creator, Splitter is the perfect tool for showcasing your work in a dynamic and engaging way. And the best part? You can get started with Splitter right away - no coding required.

Clone now and start splitting!

Splitter Cloneable #1

Splitter Cloneable #1 - Delta Clan

Cloneable Pricing Comparison. Copy this into your own projects today.

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

🥰 Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Insights @ www.twitter.com/t_bekkers

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

✒️ Licence Notes:

⦿ Images available under CC0 (Unsplash, Pexels, Freepix or Similar)
⦿Typography licence required for commercial usage.
⦿ Iconography available under CC0 (UpLabs, Flaticon, Noun Project)

Pricing Column 03

Pricing Comparison Clone

Netflix vs Theater

A simple comparison

Before/After component built entirely using native Webflow interactions. With a few simple combinations of the following, you can build this easily too.

Fixed width before/after images, position absolute, and interaction to resize containers.

If you need help in implementation, DM me. I'll be around.

Have fun cloning. 😄

====================

💖☕ Support us by buying us a coffee.

If you enjoy our content, please consider supporting us. Your support will help us grow bigger and provide the community with better content.

https://www.buymeacoffee.com/sketchzlab

===================

💌 Follow us on social media.

Facebook @ www.facebook.com/sketchzlab
Instagram @ www.instagram.com/sketchzlab/
Twitter @ www.twitter.com/SketchzLab
Webflow @ www.webflow.com/SketchzLab
LinkedIn @ www.linkedin.com/company/sketchzlab/
YouTube @ www.youtube.com/channel/UCAEXTAQ7IAG71rsJ1ehBnzQ

sketchzlab-cloneable-12

Comparison Interaction

Happy Thursday! 

This free webflow template is a beautiful tech landing page inspired by https://graphcdn.io/. 

I really like the way they incorporated a colorful hero section, above-fold testimonial, and social proof. 

Their animations are slick, informative, and not at all overwhelming. I found a nice Lottie file to recreate the feel. 

I admire their icons and product sections, so I rebuild those as well. 

The last thing I’ll mention is that the login and signup buttons do work, but you’ll need a Memberstack account to access member data or to accept payments. 

Note: you could use this template with Memberstack's pre-built UI (the one you see in the template now) or you could link directly to your own custom signup form. Totally up to you. 

If you have any questions, feel free to drop a comment below. Thanks!

Beautiful Startup Homepage Template

Beautiful Template

Great for comparing different features and tiers of a product

overflow-pricing-chart

Night and Day difference with comparison slider.

Night & Day

Night And Day

Happy Thursday! 

This free webflow template is a pricing page with monthly & annual billing, additional perks/plans/discounts, an accordion style FAQ, footer, and navbar.

Note: you could use this template with Memberstack's pre-built UI (the one you see in the template now) or you could link directly to your own custom signup form. Totally up to you.

If you have any questions, feel free to drop a comment below. Thanks!

Recurring Subscription Billing

Recurring Billing

Happy Thursday! 

This free webflow template is a login and signup page with gradient border colors, border IX to create a “shine” effect, bold drop shadows, and a simple navbar + footer. 

If you have any questions, feel free to drop a comment below. Thanks!

Membership Login & Signup

Membership Logins

Happy Monday! Kicking off this week with a complete pricing template inspired by Autopilot's old pricing page. I enjoyed their use of colorful icons, pictures of actual people, and beautiful fonts. 

Click one of the buttons to see how it works with Memberstack. 

This template is free to use on any project, but you'll need to remove the Memberstack data attributes from the signup and select buttons. 

If you have any questions or need any help feel free to reach out in the comments. Thanks!

Pricing

Responsive Pricing Page

A Clone From Udesly but modified by The Sense. Clone Free~~
(Remember to clone the Custom Code in Pages to make it working properly)

Before & After Image Effect

Another Clone of Before&After Effect

Jetboost Team

Create a product comparison page without any custom code using Jetboost.io!

This is primarily powered by Jetboost's CMS Item Favoriting product:
https://www.jetboost.io/products/cms-item-favoriting-for-webflow

We will be releasing a detailed walkthrough video showing how to build this. Additionally, you can always email support@jetboost.io if you have any questions.

Thank you!

Compare Products (No Code w/ Jetboost)

Demo how an image comparison slider function well in Webflow. Clone free :)

Webflow Images Comparison Slider

Webflow Image Comparison Slider

Happy Wednesday! 

I took some time to revise one of the community open-source projects and added Memberstack to it. 

I added a fun hover interaction, removed/renamed a few classes, updated the page copy, change font sizes to make the prices feel smaller, and added Memberstack links to all of the buttons. 

This free webflow template is a pricing page with multiple sections. Includes monthly & yearly pricing, FAQ, discount for non-profits, charitable causes, and a money-back guarantee. 

Note: you could use this template with Memberstack's pre-built UI (the one you see in the template now) or you could link directly to your own custom signup form. Totally up to you.

If you have any questions, feel free to drop a comment below. Thanks!

SaaS Pricing Page Template

SaaS Pricing Template

This is a pricing comparison table and interactive header that I created for a client project but never ended up using. The background video can be swapped out, and the call-to-actions always stay visible while the user scrolls down to learn more about your products. 

All 4 breakpoints have been refined. 

Feel free to clone it and use it in one of your future projects.

Discover comparison websites built by the Webflow community

Discover comparison websites built by the Webflow community