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

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

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

Great for comparing different features and tiers of a product

overflow-pricing-chart

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 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

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

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.

Simple Pricing Table

Pricing Table with Interactive Header

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

Webflow Images Comparison Slider

Webflow Image Comparison Slider

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

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)

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

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 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

Happy Thursday! 

I took some time to revise one of Flowbase's 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 beautiful orange and dark blue, 3 column pricing table with a header.

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!

Pricing Table

Membership Pricing Table

iHappy Tuesday! 

I took some time to revise one of Flowbase's 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 2 plan pricing table which really down play shte price to be paid. Focus is getting a user to join for free while still pitching the unlimited plan. The page includes a simple feature table below the main table. 

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!

Pricing With Table

Pricing with Feature Table

Happy Monday! I took some time to revise one of Flowbase's open-source projects and added Memberstack to it. I removed/renamed a few classes, updated the page copy, and added Memberstack links to some of the buttons. 

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!

Pricing Table Tabs

Happy Tuesday! I took some time to revise one of Flowbase's open-source projects and added Memberstack to it. I removed/renamed a few classes, updated the page copy, and added Memberstack links to some of the buttons. 

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!

Discover .css-73fekg{text-transform:capitalize;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}comparison websites built by the Webflow community

Discover comparison websites built by the Webflow community