Modern Web Component Architecture
Developer Web Component SDK
Drop high-precision financial and clean energy solvers into any React, Vue, Svelte, Next.js, or static HTML web application using a single standard Web Component tag.
1. Add Script to Your HTML
<script src="https://tools-vault-4ml.pages.dev/toolsvault-element.js" defer></script>
2. Declare Custom Calculator Element
<toolsvault-calculator tool="dscr" theme="dark" height="750"></toolsvault-calculator>
Supported Tool Types
tool="dscr"
Commercial Real Estate DSCR & Multi-Family Solver
tool="solar"
Commercial Solar + Battery Storage Payback Engine
tool="contractor"
Contractor CSI Quantity Takeoff & Burdened Labor Sizer