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

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

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

Digital Butlers

FAST FIRE ALERTS AT YOUR FINGERTIPS 🔥🧯 

Hey, Webflow Pros!  💫

Our Digital Butlers team is super excited to share this amazing project. Torch is an Early Fire Detection Sensor. It confidently detects fires as small as 2x2 feet – when placed every 10 acres on your property.

We worked on UI design, 3D models, Webflow development, and animations. In the project, you may find such features as:

• 3D models animations via Three.js
• Preloader
• Seamless page transitions
• GSAP animations
• Custom Stripe connection
• Custom cursor
• Custom video player
• Horizontal scroll 
• Parallax effect
• Price calculator
• and more...

Check this out and let us know your thoughts 💪🏻 Will be happy if you will support the project by clicking❤️. Wish you all the best and stay in touch.

Loyal to you, DB 🎩 team.

____

We are open to new projects. 
Find an amazing offer on our website 👇🏻

Website: https://bit.ly/3pDPh43
Dribbble: https://dribbble.com/digitalbutlers
Email: hello@digitalbutlers.team

Torch sensors/ DB version

Torch sensors <> Fast Fire Alarms At Your Fingertips 🔥🧯

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

Welcome to Inflame Beta! 🥳

Hello there! Our team built this atmospheric and gamified website for one of the best client for Inflame Beta. 

- Modern Webflow Design
- Advance Webflow Animations
- Advance Webflow Interactions
- Pricing Calculator
- Custom Sliders
- Custom Tabs
- Custom Pricing Form
- Play with interactive LOTTIE animations
- Dynamic pages using Webflow CMS
- Blog
- Scroll Animation
- Advance cms
- Advance Animations
And much more 🤘🏻🔥

We worked a week on this project and will be very glad to know your feedback 🙏🏻

If you're ready to take your business to new heights and leave a lasting impression on your customers, don't hesitate to get in touch. Let's collaborate and create something remarkable together.

Regards,
RSA CreativeStudio
hello@rsacreativestudio.com

Inflame Beta

Inflame Beta Social Marketing Website Design

Hi Webflow community!

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