DashboardProperty management dashboard Coming soon
Tenantry
Property management dashboard with SVG building elevations, leases, rent collection and maintenance.
More screenshots
Portfolio as SVG building elevations 
Property detail with units, compliance and finances 
Unit with tenant, lease bar and 12-month rent ledger 
Maintenance Kanban with contractors and costs
About Tenantry
A property management dashboard for small landlords and letting managers: a portfolio of 60 units across seven apartment buildings and terraced rows drawn as SVG building elevations whose windows open each unit, tenants with payment history, a lease timeline with renewal offers and a four-step new lease wizard, a monthly rent ledger with part payments, late fees and reminders, a maintenance Kanban, room-by-room inspections, a certificate expiry matrix and reports. React 19, TypeScript and Tailwind CSS 4, 4 palettes.
Best for property management and proptech SaaS, letting agents, small landlords and the agencies that build their tools.
Features
Building elevations
Each property is drawn as an SVG elevation; windows show occupied, vacant, on notice or maintenance by fill and pattern, light up in sequence and open the unit drawer by click or keyboard.
Portfolio and units
Status filter, search, list view and vacancy pipeline; unit pages with tenant, lease bar, 12-month rent ledger, issues, inspections, documents and notice recording.
Tenants
Searchable list with arrears, notice and renewal filters; profiles with payment history, notes and messages.
Leases
Renewal offers, a scrolling lease timeline with reminder markers and a four-step new lease wizard.
Rent collection
Monthly ledger with mark paid, part payments, late fees after a grace period, waivers, reminders and CSV export.
Maintenance Kanban
Jobs from reported to done by drag and drop or a move button, contractor assignment, estimates and costs that flow into the reports.
Inspections and documents
Room-by-room checklists with 1 to 5 condition ratings and photo placeholders; certificate expiry matrix and document preview.
Reports
Income against expenses, yield per property, arrears by age and an expense ledger.
4 palettes + dark mode
Terracotta, Olive, Ink blue and Plum; Rethink Sans with Libre Caslon Text for property names.
What's included
- Overview
- Portfolio (building elevations and list)
- Property detail
- Unit detail
- Tenants list
- Tenant profile
- Leases with timeline and new lease wizard
- Rent ledger
- Maintenance board
- Inspections
- Documents
- Reports
- Settings (profile, team, rent rules, notifications, appearance)
- Marketing landing page
- Sign-in page
- 404 page
Tech stack and fit
Built with
- React 19
- TypeScript
- Vite 7
- Tailwind CSS 4
- Recharts 3
- React Router 7
Who it's for
Property management and proptech SaaS, letting agents, small landlords and the agencies that build their tools.
Pairs well with
Built around the same kind of business, so the back office and the public site can share one brand.
Tags
Tenantry FAQ
How are the buildings drawn?
With a custom SVG component (BuildingStack), not a chart library or images. A property is a block of stacked floors or a row of terraced houses, defined by its units per floor; add a property in src/data/portfolio.ts and its elevation is drawn from that layout.
Is unit status readable without colour?
Yes. Every window carries a mark as well as a fill: curtains for occupied, dashed bare glass for vacant, hatching for notice and a cross for maintenance, plus a text label, and windows are keyboard operable.
How are late fees calculated?
From the rent rules (a grace period in days and a fixed late fee, editable in Settings) and the frozen date; rent status, late fees and arrears are derived in src/data/ledger.ts, and fees can be waived per entry.
How do I connect my own data?
Every page reads from usePortfolio() in src/context/PortfolioContext.tsx, which is seeded from src/data and exposes actions such as recordPayment, moveTicket, createLease and giveNotice. Replace the seeds with fetched data and make each action call your API; replace the frozen NOW (14 October 2026) with new Date().
Which currency does Tenantry use?
US dollars, formatted with Intl.NumberFormat in one formatters file, so switching currency or locale is a small edit.
Does it go with a real-estate website?
Tenantry pairs with Keystone, the real-estate agency website template: same domain, independent code, so you can sell or build the public site and the back office together.
When can I buy Tenantry?
Tenantry is coming soon. The live demo is complete; the template goes on sale at $39 shortly.
Can I use Tenantry for a client project?
Yes. The license covers personal and commercial projects, including client work. Reselling or redistributing the template itself is not allowed.
Related templates
Close in purpose or features to Tenantry. Browse all 29 templates.
Tenantry is coming soon. The whole demo is already online.