Leaseboard — Free Property Management Dashboard Template
Leaseboard covers the staff work behind a rental portfolio. Find a unit, attach a fictional tenancy, record rent against a charge, assign a repair and schedule an inspection. A completed inspection can create a follow-up work order, and payment records update the ledger without pretending to charge a card or move money. This five-page Bootstrap 5 application is separate from the existing Keyhold marketing website and tenant portal. Every record is fictional and saved in the browser; production use needs an authenticated property-management backend.
Key features
- Portfolio overview with occupied/vacant units and rent collection figures
- Tenant creation restricted to vacant units with validated lease dates
- First full-month demo rent charge created with each tenancy
- Rent ledger with capped partial-payment recording and reference checks
- Maintenance requests with vendor assignment and progress states
- Resolution requires a completion note and can be reopened
- Inspection scheduling with one-hour inspector and unit conflict checks
- Inspection checklist, result notes and optional follow-up work order
- Filtered ledger CSV export and browser-local persistence
Best for
- Developers building residential property operations software
- Portfolio teams prototyping tenant, repair and inspection interfaces
- Product teams extending a public property website with a staff workspace
At a glance
- Bootstrap 5.3.8 and vanilla JavaScript; no jQuery
- 5 pages: index.html, tenants.html, ledger.html, maintenance.html, inspections.html
- Browser-local demo records; no backend, authentication or server writes
- Responsive layouts, keyboard controls, light and dark modes
- Free for personal and commercial use; attribution optional but welcome. Full terms: uicookies.com/license
How to use it
Unzip leaseboard and open index.html in a browser. Edit the HTML copy, the demo arrays in js/main.js and the palette in css/style.css. The supplied Bootstrap files are self-hosted, so there is no build step or external script dependency. Changes are stored only in this browser; connect your own authenticated API before using real records. Deploy the folder to any static host.
Frequently asked questions
Is Leaseboard free for commercial use?
Yes. Free for personal and commercial use, including client work. Attribution is optional but always welcome. Full terms: uicookies.com/license
What does the download include?
5 HTML pages (index.html, tenants.html, ledger.html, maintenance.html, inspections.html), Bootstrap 5.3.8, one design stylesheet and one vanilla JavaScript file. No npm installation or build command is required.
Does it connect to a backend?
No. All people and records are fictional, and changes are saved in localStorage in this browser only. No emails, payments or real bookings are sent. Replace the data and persistence helpers with your own authenticated API for production.
How do I customize the template?
Change colors and typography using the custom properties at the top of css/style.css. Edit content in the HTML pages and the initial data arrays in js/main.js. Reset demo clears only this template’s saved demo records.
Is Leaseboard a tenant screening or payment system?
No. It is a fictional operations interface. It neither screens tenants nor makes housing decisions, collects money or sends notices. Connect your own authenticated systems and validate all financial and scheduling changes on the server.
