# Nonprofit Donor App Shell

Development office back office.

- id: `nonprofit-donor-app-shell`
- Page: https://agentic-ui-kit.com/components/nonprofit-donor-app-shell

## Install

```bash
agentic-ui add nonprofit-donor-app-shell
npx shadcn@4.17.0 add @agentic-ui/nonprofit-donor-app-shell
```

## Metadata

- **Level:** layout
- **Category:** layout
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** sidebar-navigation, active-campaign-links, thank-you-count, acting-officer-switch, mobile-nav-strip, motion-settings, theme-toggle, skip-link, live-region
- **Intents:** navigate, configure
- **Suits domains:** crm, saas, operations, analytics
- **Interaction:** sidebar-navigation, active-campaign-links, thank-you-count, acting-officer-switch, mobile-nav-strip, motion-settings, theme-toggle, skip-link, live-region
- **Screen role:** overview
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** Development office back office, Membership or fundraising app frame
- **Avoid when:** Public donation pages, Single-screen tools
- **Preserve when adapting:** navigation-with-work-counts, visible-demo-boundary
- **Replace when adapting:** brand, routes, domain-copy
- **Adaptation effort:** low
- **Coupling:** medium
- **Quality breakdown:** visual 8/10, responsive 8/10, accessibility 8/10, code 8/10
- **Uses primitives:** badge, button
- **npm dependencies:** lucide-react
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **Used in:** Nonprofit Donor Management (blueprint)
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** billing-recurring, dashboard-kpi-goal, lib-motion, lib-motion-micro-interactions, lib-primitives, lib-tokens