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

Price calculator using custom java script code.
By https://www.webflow-experts.com/

Calculator

In an industry where everyone tries to look and act the same, it takes true bravery to be embrace your uniqueness and be different. Welcome to the funnest wedding photographer website you've ever seen.
Designed by tricksdesign.com

Watch our design process for this site at https://www.youtube.com/watch?v=k3ZX4F5PnB4

Mack & Pouya Photography

Wizardry is a responsive technique using EMs that scales like VW but with a max width.

wizardry.

Please enjoy this super simple, fully responsive Webflow cloneable that instantly calculates the read time of some text/a blog post 🔥

It only required a bit of custom code and the rest is Webflow!

There's also some really cool load animations, interactions as well as a light/dark mode feature!

Feel free to ask any questions below :)

We hope this is useful! Enjoy!

Read Time Calculator

[Cloneable] Read Time Calculator

You will find on this slider:
1. How to setup transparent slides on the sides.
2. Start from another number of slide

Write me a DM if you have any questions!

Don't forget to like and share!

rotatingSlider

Custom animation slider

A custom Webflow design & SEO pricing calculator for freelancers who need to close more sales and come up with accurate quotes.
Feedback Video: https://www.loom.com/share/956cb616391e4aeda1005b6e8aa34ef1

Pricing Calculator

pricing-calculator-jquery

WeBlocks Use Case for creating Budget Calculator for Webflow project.

Yotube Tutorial
https://www.youtube.com/watch?v=t4OApV2L5A8

WeBlokcs
https://www.weblocs.io/

Cloneable Blocks
https://www.dropbox.com/s/l4bunom2imyqin4/budget-calculator.xml?dl=1

Woldie Template:
https://webflow.com/templates/html/woldie-agency-website-template

Budget Calculator

This range slider takes a number and calculates the output into a certain number of images. Great for dollar to impact calculation for charity donations!

clone and make it your own babies

YouTube Video about the process at link below:
https://www.youtube.com/watch?v=B-Almh-4iXQ&t=3s

Dynamic Range Slider with Images

Image Range Slider

Hey! In this project, we create an input range slider calculator.
YOUTUBE VIDEO:
https://www.youtube.com/watch?v=mVDtx7GeLNo

Range Slider

range-slider-weblocks

Memberstack

Think of this as a range slider 2X. Instead of clicking and dragging a handle along a line, users will simple mouse over a box to change 2 variables at once! Onclick will lock in their answer. Hover will provide instant feedback.

Interactive Forms

Experimental Form Fields: XY Input

High Five

Stop getting paid less than you’re worth. Use the free calculator to price your Webflow services like a boss.

Cash Your Flow

Interactive Webflow Pricing Calculator - Cash Your Flow

Client Requirements:
Want a calculator that provides the user with Slider to easily get an estimate for Breezes.

How:
You can find a similar project as cloneable here in the showcase but that slider wasn't built properly so I used the Native HTML5 Slider element to build this. And used CSS to style the controls.
Values are updated by sliders as well as by entering a value in the top input field.

Hopefully you can find it useful.

Calculator Trial

calculator-trial

Let customers calculate the price of a new website on your pricing page.

Built using Finsweet Hack 45: https://www.finsweet.com/hacks/45

Interactive Pricing Calculator

(EN) Hi Webflow community! 

Here is a new clonable from Digidop. This estimation system uses javascript functions working as a real calculator. 

As Airbnb, your visitors will be able to specify a date, a number of people and get an estimation of the cost of their trip. The fields have been inserted in a form that allows you to collect the data input.


(FR) Bonjour la communauté Webflow ! 

Voici un nouveau clonable de la part de Digidop. Ce système d’estimation utilise des fonctions javascript qui agit en tant que vrai calculateur. 

Dans le même esprit qu’Airbnb, vos clients pourront renseigner une date, un nombre de personnes et ainsi avoir l’estimation du coût de leur séjour. Les champs ont été inséré dans un formulaire ce qui vous permet des récupérer les données saisies.

Template AirBnb Calculator

Template Price Calculator - Airbnb Model - Free to Clone

Калькулятор

A little bit of custom code practice! A calculator for calculating resource amounts for mobile games.

Edit (10/17/2020): Updated the custom code to be a lot more scalable and manageable. Definitely a lot more optimization that can be done, but it was a major improvement over the old code. 

Also added a check for whether or not the resources needed if positive, negative, or neutral, and used that to trigger special classes to change the color of the "Resources Needed" containers!

Resource Calculator

Resource Calculator (for mobile games)

Simple project management system developed with webflow and some js.

- Simple Analytic Dashboard
- Current client list
- Active Jobs
- Follow ups
- Add notes to jobs
- View Upcoming Jobs
- View Completed Jobs
- Jobs calender
- Invoice generator
- Website Pricing Calculator
- Developed for 3 languages (can be more)
- Developed for 4 currencies 
- Responsive

Don't change class names/IDs as it may effect functionality. Free to change content inside of divs.

I've removed my original content and replaced with dummy data for show.

Open live to preview.

Project Tracking Software

project-tracking-software

Hi Webflow community!

This is a simple loan quote estimator, feel free to clone it but don't forget to comment!

Discover calculator websites built by the Webflow community

Discover calculator websites built by the Webflow community