Oasel
A loan management dashboard, in warm sand glass
A complete loan management dashboard for a private lender or a property finance team, in warm sand-coloured glass over a house photograph with a neon lime highlight, a light and a dark theme, and it comes with sample data. Good for: a lending team that tracks its loans, the properties behind them, the repayments coming in and the risk across the whole book. How it works: each loan opens on a page with the property's photo, a loan-to-value gauge and a debt-cover bar, and three sliders (value falls, rates rise, income falls) test the loan and show whether it holds or breaks; a strip of thumbnails, or the arrow keys, steps through every loan. Includes: the loan page; a portfolio overview whose chart switches between the book, interest and new lending; a pipeline board you drag applications across to fund or decline them, with a list view; loans and upcoming maturities; borrowers with profiles; payments you record with a PAID stamp, plus received and late payments; a risk page with a stress grid, a watchlist and covenant checks; each loan's documents with a drop-to-upload panel; reports that build and download as CSV; settings with a lending policy whose sliders re-score every loan, notifications, appearance and a data reset; and help. How to use: run it as it is to explore with the sample data, which is saved in your browser, then connect your own loan data in place of the sample data, since there is no backend; the sidebar opens wide or folds to icons, Cmd+K searches everything, and it works on every screen from phone to desktop with a bottom tab bar on phones. Built with React, TypeScript and GSAP.
$91.00 — one-time price, free updates
- A React app template
- React and Vite · npm install and it runs
- Build unlimited client sites with it
Built with React, CSS, GSAP.
What is in the zip
- app.css
- css/borrowers.css
- css/documents.css
- css/dossier.css
- css/help.css
- css/loans.css
- css/payments.css
- css/pipeline.css
- css/portfolio.css
- css/reports.css
- css/risk.css
- css/settings.css
- index.html
- src/App.tsx
- src/actions.tsx
- src/env.d.ts
- src/finder.tsx
- src/main.tsx
- src/motion.ts
- src/pages/borrowers.tsx
- src/pages/documents.tsx
- src/pages/dossier.tsx
- src/pages/help.tsx
- src/pages/loans.tsx
- src/pages/payments.tsx
- src/pages/pipeline.tsx
- src/pages/portfolio.tsx
- src/pages/reports.tsx
- src/pages/risk.tsx
- src/pages/settings.tsx
- src/pages/types.ts
- src/router.ts
- src/store.ts
- src/ui/charts.tsx
- src/ui/format.ts
- src/ui/icons.tsx
- src/ui/kit.tsx
- src/ui/overlay.tsx
- tsconfig.json
Version history
- v1.0.0, 2026-11-08 — First release. Oasel shipped, with the reel recorded from the real page.