Giftledger — Free Donor & Pledge Dashboard Template
Giftledger keeps a fundraising promise separate from a recorded gift. The campaign screen counts only active gifts, the pledge register shows what remains outstanding and the gift screen retains void history instead of deleting entries. A donor can use anonymous public credit, while existing acknowledgement snapshots stay unchanged when that preference changes. This three-page template complements public nonprofit websites with a staff ledger prototype. All people, campaigns and amounts are fictional. Connect your own authenticated records and payment systems before using it with real donor data; the demo creates no payment or donor communication.
Key features
- Three pages: campaign progress, donors and pledges, gift register
- USD amounts stored and totaled in integer cents
- Campaign progress excludes unfulfilled pledges and voided gifts
- Partial gift fulfillment with donor/campaign matching and balance cap
- Case-insensitive unique references retained after voiding
- Void actions require a reason and reverse linked totals
- Donor profiles with optional anonymous public credit
- Standalone demo acknowledgement preserves recorded public credit
- Browser-local records, keyboard controls and light/dark themes
Best for
- Developers building application interfaces
- Designers prototyping real user workflows
- Teams creating reusable UI patterns
At a glance
- Bootstrap 5.3.8 and vanilla JavaScript; no jQuery
- 3 pages: index.html, donors.html, gifts.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 giftledger 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 Giftledger 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?
3 HTML pages (index.html, donors.html, gifts.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 this a production backend?
No. The download contains front-end source and fictional browser-local records. Connect your own authenticated API and validate operations on your server before using real data.
