A Complete Estimates/Quotes System Made with Laravel 7 and VueJS

A Complete Estimates/Quotes System Made with Laravel 7 and VueJS

LaraEstimate is a complete Estimates/Quotes System made with Laravel 7 and VueJS.


LaraEstimate is a complete Dynamic Estimates/Quotes System made with Laravel 7 and VueJS.

Estimates Screen

Selecting Items

The system has the following features:

  • Allows to create Estimates with Dynamic Pricing (so your customer can simulate the total price selecting/unselecting items)
  • Allows sending Estimates links
  • Allows sending Estimates to E-mail
  • Allows printing Estimates
  • Allows multiple text and price sections on Estimate (with Dynamic Price or not)
  • Allows duplicating Estimates for rapid creation
  • Allows changing the Estimate Currency, Decimal Separator, and Thousands Separator
  • Allows translating to other languages using Laravel Localization System

If you want, you can see a live preview here: Live Preview - LaraEstimate

LaraEstimate has an intuitive and beautiful interface for creating and presenting estimates...


Click here to see the documentation


Things I want to add in the future

  • Estimate password
  • Scroll after adding a section
  • Expiration Date
  • Estimate Templates
  • Estimate Designs
  • Add more translations
  • Private estimate (needs customer login)


I have a lot of ideas for Laravel systems and packages. If you want to support me creating more code, please consider supporting me:

Become a Patron!

If you can't do it, dont worry 😊... You can always help-me sharing my code and following me on Twitter

Follow me

If you liked this system, please consider following me on Twitter to stay on top of the news I intend to release soon


Current available localizations:

  • English
  • German (thanks to johanneslo1)
  • Portuguese (Brazil)

Download Details:

Author: TiagoSilvaPereira

Demo: https://tiagosilvapereira.github.io/laraestimate-docs/

Source Code: https://github.com/TiagoSilvaPereira/laraestimate

vue vuejs javascript

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

8 Popular Websites That Use The Vue.JS Framework

In this article, we are going to list out the most popular websites using Vue JS as their frontend framework. Vue JS is one of those elite progressive JavaScript frameworks that has huge demand in the web development industry. Many popular websites are developed using Vue in their frontend development because of its imperative features.

Vue Native is a framework to build cross platform native mobile apps using JavaScript

Vue Native is a framework to build cross platform native mobile apps using JavaScript. It is a wrapper around the APIs of React Native. So, with Vue Native, you can do everything that you can do with React Native. With Vue Native, you get

How to Make a Simple Vue Custom Select Component

In this article, you’ll learn how to build a Vue custom select component that can be easily be styled using your own CSS. In fact, it’s the same component that we use in production on Qvault, and you can see it in action on the playground.

Creating a Custom Tooltip Component in Vue

There are plenty of libraries out there that will have you up and running with a good tooltip solution in minutes. However, if you are like me, you are sick and tired of giant dependency trees that have the distinct possibility of breaking at any time.

Vue ShortKey plugin for Vue.js

Vue-ShortKey - The ultimate shortcut plugin to improve the UX .Vue-ShortKey - plugin for VueJS 2.x accepts shortcuts globaly and in a single listener.