Simulacrum

Nonprofit template

A nonprofit website with donation flows, impact metrics dashboard, volunteer signup, event calendar, campaign management, and donor analytics.

npx simulate nonprofit my-charity

12 routes · 8 components · Campaign admin

/
/about
/impact
/donate
/volunteer
/events

Generated project structure

What you get when you run npx simulate nonprofit my-charity

my-nonprofit/
  • -layout.tsx
  • -globals.css
  • +
  • +
  • +
  • +
  • -site.ts
  • -tailwind.config.ts
  • -package.json
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -donation-form.tsx
  • -impact-counter.tsx
  • -volunteer-form.tsx
  • ... 35+ files total

Available scripts

  • npm run dev
  • npm run build
  • npm run lint
  • npm run db:push
  • npm run db:studio
  • npm run test
  • npm run e2e
  • npm run typecheck

Admin dashboard metrics

Total donationsDonorsVolunteersCampaign progressImpact score

Scaffold stats

Pages
12
Components
8
RBAC roles
5
Dashboard KPIs
5

Pages included

  • /
  • /about
  • /impact
  • /donate
  • /volunteer
  • /events
  • /blog
  • /dashboard
  • /admin
  • /admin/donations
  • /admin/campaigns
  • /admin/analytics

Key components

  • DonationForm
  • ImpactCounter
  • VolunteerForm
  • CampaignCard
  • EventCard
  • DonorRecognition
  • ProgressBar
  • MissionStatement

Admin dashboard

Template-native metrics powered by Recharts and TanStack Table

Total donations

---

Donors

---

Volunteers

---

Campaign progress

---

Impact score

---

Default stack

Database
Supabase
Auth
Google, Credentials
Payments
Stripe

RBAC roles

  • super_admin
  • admin
  • coordinator
  • volunteer
  • donor

npx simulate nonprofit my-charity