Calculators · Gutenberg
Net Worth Calculator block for WordPress
Track assets and liabilities to calculate total net worth. Categorised inputs for cash, investments, real estate, vehicles, and various debt types.
Get Blockenberg
Free Gutenberg block in Blockenberg. The inspector controls and front-end behavior on this page come from this block’s source, not a shared stub.
What it actually does
Track assets and liabilities to calculate total net worth. Categorised inputs for cash, investments, real estate, vehicles, and various debt types.
Inspector panels on this block: Content, Display, Sizing. Those titles come from index.js, not from a shared template.
Where to find it
Gutenberg inserter → Calculators → search “Net Worth Calculator” (block name `blockenberg/net-worth-calculator` in block.json). Style it in the sidebar after insert.
How to use Net Worth Calculator block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Net Worth Calculator”, insert it. Category: Calculators.
- Configure inspector controls that exist on this block. Open Content. Set “Content — Title”, “Subtitle”, “Currency symbol”.
- Check the published page. The view script reads HTML data attributes: data-opts. The block editor preview may not run the same view script.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Content — Title | Text field in the inspector. block.json default: Net Worth Calculator. Saved as `title`. |
| Subtitle | Text field in the inspector. block.json default: Add your assets and liabilities to calculate your net worth.. Saved as `subtitle`. |
| Currency symbol | Text field in the inspector. block.json default: $. Saved as `currency`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts.
- JavaScript functions that perform the math: recalc.
When this is the right block
- Track assets and liabilities to calculate total net worth. Categorised inputs for cash, investments, real estate, vehicles, and various debt types — that is the job of Net Worth Calculator, not a generic content block.
- Use it when you need the editor control labeled “Content — Title”, which exists on this block’s inspector.
- It matches pages about net worth, assets, liabilities.
- The math runs in the visitor’s browser after publish — no extra calculator plugin.
Notes from the implementation
viewScript: this folder’s frontend.js is enqueued on the front end for this block.
FAQ
How do I add the Net Worth Calculator block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Net Worth Calculator”. It sits under Calculators. After insert, open Content and set “Content — Title”, “Subtitle”, “Currency symbol”.
Does Net Worth Calculator need a server or extra plugin?
No. After Blockenberg is active, the view script runs in the browser with the values you saved on the block.
Is the Net Worth Calculator Gutenberg block free?
Yes. Net Worth Calculator ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Net Worth Calculator to match my theme?
Yes. Blockenberg’s shared typography and color panels apply here, plus any block-specific style controls listed on this page (panels: Content, Display, Sizing).
Related calculators blocks
Compound Interest Calculator
Calculate compound interest growth with configurable compounding frequency, monthly contributions, and a year-by-year breakdown.
Currency Converter
Interactive currency converter supporting 30+ world currencies with instant conversion, swap button, common pairs quick-select, and customizable styling. Uses built-in indicative rates.
Loan Calculator
Interactive mortgage and loan calculator with sliders for loan amount, interest rate, and term. Displays monthly payment, total interest, and total cost. Optional amortization schedule and doughnut chart.
Savings Calculator
An interactive compound interest savings calculator. Enter initial deposit, monthly contribution, annual interest rate, and years to see total savings, interest earned, and a year-by-year growth breakdown.
Tax Calculator
Calculate sales tax, VAT, or estimate income tax brackets. Supports before-tax and after-tax price calculations with customizable tax rates and display options.
Age Calculator
An interactive age calculator that computes exact age in years, months, and days from a birth date. Includes next birthday countdown, total days lived, zodiac sign, and day of week born.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Net Worth Calculator from the Gutenberg inserter.