Here's a way of adding a simple file upload to your Webflow site via Uploadcare. This is perfect for clients, users, or sign up flows that require the use of file uploads.

An example of an expanding image cards on hover menu and navbar in Webflow. This full page menu adds a hover interaction that expands cards or images on hover in your Webflow menu.

Here's a way to block internet explorer visitors from your Webflow site and provides a module that encourages them to download a more popular and up to date browser.

A triple pricing table design for your Webflow site. This component includes features comparison, primary/focused table, hover over effects and much more. A modern design that features shadows and rounded corners and buttons.

Here's a way to add a dynamic counter metric section to your Webflow site. This is accomplished via the simple JS available within the custom code section of the page settings.

Another cloneable pricing component created by Flowbase. This version includes tabs for three different variations of pricing.

A Webflow pricing table component featuring tabs on the side for different pricing packages.

Here's a wonderfully designed full section testimonial slider for Webflow. Each slide has it's own transitions as well as custom slider arrows using Webflow's native slider. Perfect for adding a testimonial section to your Webflow site.

Here's a cloneable 4 column feature dark variation of a pricing page in Webflow. This feature rich version includes important aspects like tooltip hovers, comparison tables/grids, and sticky headers on page scroll. This version also includes a mobile friendly tabbed version for phones and smaller resolutions.

Here's a well designed cloneable blog template design perfect for your Webflow site. It features a sticky sidebar and well designed content divs with just about everything you'd need for your blog page. Including other posts, individual blog page, call to action and email opt-in/subscribing, categories, sidebar and much more.

Here's a way to add a contact form popup modal to your Webflow site. Perfect for quotes, advanced contact forms and more via a pop up modal overlay. This contact form overlay includes custom open/close interactions, form inputs, submit button and shadows.

Here's a way to add cookies to your Webflow site. This allows you to display information once to your visitors and not bombard them with constant pop-ups or duplicate information. This script allows users to close notices/pop-ups and retain that information instead of showing the same info on each page load.

A simple, yet elegant two package pricing page template design for your Webflow site. Get up and running faster with this wonderfully designed pricing page design template. Perfect for a service or offering that has two different pricing structures such as a freemium model.

Well designed card hover transitions/interactions for Webflow. When a user hovers over a card the card changes colors, moves the content up, removes the icon and adds a link indicator. Perfect for dynamic cards/feature sections within Webflow. This was created with minimal hover interactions.

Here's a FAQ accordion with lottie interactions for Webflow. Perfect for adding an accordion to your Webflow site with a nice lottie animation for opening and closing the accordion.

An FAQ accordion for Webflow that includes all of the Webflow interactions to make it work. This accordion offers a simple design and is fully responsive with prebuilt interactions to make the magic happen.

Here's a beautifully designed rotating testimonial slider in Webflow. A great way to build trust with your prospective clients. This testimonial component will auto slide between your testimonials with a smooth transitioning effect.

A beautifully designed implementation of lightbox driven by Webflow CMS. A great way of adding a lightbox to your Webflow site that's powered by Webflow's native CMS.

Here's a 4 column pricing page table/grid that's feature rich for Webflow. This pricing table/grid includes sticky package heading on scroll, tooltips, category and feature comparison and is also mobile ready with a tabbed version. A perfect starting point for any pricing page of a Webflow project.

Want to compare two products or images on your Webflow site? With this cloneable you'll be able to add an image comparison section to your Webflow site. This is perfect for product comparisons, service comparisons and much more. Please note that this utilizes Beerslide.js so you'll need to add the custom code found in page settings for this to work properly.

Here's a way to add Facebook, Twitter and Pinterest sharing buttons to your Webflow site. This technique uses an HTML embed for each element with the images hosted via Webflow.

A beautifully designed, multi-step custom onboarding form perfect for your SaaS, web design or site which requires a multi-step form. This is a complete onboarding form page design that allows for multi-step progress via a bit of Javascript. You will find the necessary JS and CSS files within the pages custom code settings. One set of code allows the form to use the arrows for the next and previous form pages. This form also features a unique range slider which was used for the date. This can be customized to your own requirements but is a well designed, multi-step onboarding form that allows you to break down long questionairres or onboarding forms into small, bite size pieces.

Another amazing Webflow full screen menu featuring a hover over image preview interaction that allows for dynamic images to be presented. This Webflow interaction creates a fun, yet professional animation to your Webflow's menu.

Here are 8 navigation and menu designs perfect for your Webflow site. Various layouts all with responsive mobile friendly designs ready to go.

A well designed starter dropdown navigation menu with hover over for Webflow. This consists of clear class names, 100% native interactions and basic dropdown triggers. It's also mobile friendly and responsive design.

Here's a way of adding a unique, full screen image transition to your Webflow site via Three.js Each image loads a unique transition upon clicking them and turns the images full screen upon click.

A 4 column pricing table cloneable design featuring a bump effect for a primary package in Webflow. This beautiful pricing table includes features, package names, pricing info, and a 3D bump effect for the primary package that you'd like to put emphasis on.

A fully cloneable mega menu navigation with full page dropdown interactions for Webflow. A great way to quickly get your Webflow menu/navigation launched with pre-built dropdowns, CTA buttons, and more. This was built with clear class names, native Webflow interactions, basic dropdown triggers and fully responsive.

A unique button design for Webflow with hover interactions. This purple styled button features a hover interaction in which the purple arrow expands and grows when hovering and then shrinks back to the original design on hover out. All of the button animations are built with native Webflow interactions.

Add a unique and customized menu and navbar to your Webflow site. This example provides a unique feature of an image preview on link hover in the full page menu/navbar of your Webflow site.

Here's another well designed Webflow navigation menu bar with dropdown interactions. This nav menu is perfect cloneable to jump start your Webflow site builds by providing a fully functional, mobile friendly mega menu navigation to your Webflow site.

Here's a technique to lock the page scroll on a modal pop up window in Webflow. This is useful to ensure that the page doesn't scroll when a popup CTA modal window or mobile navigation modal is shown on your Webflow site.

A UI kit featuring dozens of helpful premade components perfect for your next project. These components include content cards, buttons, button hovers, navigation and site footers. There are six different content cards featuring designs perfect for blog posts, news items, products and more. There are 15 different button options and designs from rounded to square style buttons. This component UI kit also features 6 different hover interactions buttons with custom code embeds. Button animations such as floating buttons, underline, sweeps, wiggles and hover pops. There are also five different navigation bars perfect for any kind of template, there are also three different style footers.

A full size product/service slider perfect for a pricing page or features page in Webflow. This slider features a single product per slide with transition effects between each slide. Includes custom cursors, slide transitions/interactions and a well designed features section.

Here's a wonderfully designed mega menu navigation with dropdowns for Webflow. This mega menu is perfect to get your navigation built quickly for your Webflow site. Featuring multiple different dropdown styles, perfect for any Webflow project.

Here's a unique clickable process/steps section in Webflow. Whenever someone clicks on each step an interaction triggers that displays the number as well as further information about that specific step. Simply edit the content, update the interactions based on your requirements and enjoy a unique steps/process section on your site.

A wonderfully designed pricing comparison table with everything you'd need to showcase and feature a pricing page on your site.

Here's a clean popup modal that includes a slider for your Webflow site. Easy to implement and with cookies you can display the popup once.

Power up your Webflow tabs through a timed, auto-rotating tabs feature. This is perfect to add emphasis to your Webflow tabs and more specifically demos, explainers, testimonials and just about everything else you can think of. This is a super simple script that adds auto rotation to Webflows native tabs.

A beautiful two package pricing component that includes a pricing comparison table. Perfect for nearly any site that offers two different pricing packages for clients and needs to feature a comparison table.

A well designed, three column pricing page cloneable design that includes a 3D effect, features section and much more.

A great way of adding a date/calendar picker to forms or other elements within Webflow. Provides the essentials to get it added in 30 seconds and easily configurable based on your own style. Inherits the <body> typography. Please note that the date picker does require custom code found within the Page Settings. This utilizes Datepicker.js to create the date picker and the styling allows you to further customize the styling.

Here's a large testimonial slider component with auto-transitions for Webflow. This smooth transitioning testimonial slider is perfect for any Webflow site. It transitions smoothly between each testimonial and provides unique interactions. This demonstration also includes the possibility of a video as well.

Range slider examples created for Webflow. These range sliders allow you to capture price ranges for your form inputs and specific amounts as well. These demonstrations can be easily edited to suit any amounts or styles based on your own specifications. The sliders are built using custom code found within the page settings so be sure to add the code to your site in order to work properly.

Here's a clean, beautiful language toggle button that can be implemented on your Webflow sites. There are hundreds of flags that you can match with any language you may need.

A well designed frequently asked questions (FAQ) cloneable design for Webflow. This provides all the interactions required for opening and closing the accordions that will fit perfectly on your Webflow site.

Easily add social share buttons to your Webflow site with this free cloneable. This technique uses a small script that utilizes Webflow's attributes to automatically update the outbound links to social sharing URLs. A great way of using Webflow's designer to create the design elements while still having the share functionality. This eliminates the need for ugly HTML embed codes within the designer.

Want to add smooth scrolling to your Webflow site? With this cloneable you'll be able to add smooth scrolling via luxy.js. Adding smooth scrolling doesn't need to be complicated and there are plenty of options to achieve this inertia type scroll effect although Luxy.js provides a great way to achieve this.

Here's a Webflow cloneable component to easily add a vertical step/process section to your Webflow site. Perfect for timelines, process steps or anything that you can think of.

Here's a way to create a multi-step Webflow form that includes a step counter, custom confirmation animations and custom checkboxes. A perfect way to filter leads, create long forms that are filled out, and segment your lists/clients.

Here is a way to add a countdown clock component to your Webflow site. This simple script will take your chosen date and provide a countdown for the days, hours, minutes and seconds. Perfect for a coming soon page, product release page and much more.

A done for you Webflow pricing table component cloneable created by the Flowbase team.

Ten different footer designs for Webflow. Beautifully designs that can accomplish just about any type of footer variation that you could possibly want on you Webflow site.

A unique button design in Webflow with hover over interactions. When a user hovers over the button the button fills from right to left and on hover out the fill moves from left to right creating a unique Webflow button via native interactions.