Shadcn.io is not affiliated with official shadcn/ui
About Charity Giving
A corporate philanthropy block for React and Next.js with split-panel layout, impact headline metrics, cause cards with progress bars, donation matching details, employee participation tracking, and staggered entrance animations built with shadcn/ui and Tailwind CSS
Display corporate social responsibility with this split-panel philanthropy block for React and Next.js. Features a left panel with headline impact metrics and employee matching program details, a right panel with categorized cause cards showing donation progress toward annual goals, participation rates, and volunteer hour tracking. Built with TypeScript, shadcn/ui Badge, Progress, and Separator components, motion/react staggered animations, and Tailwind CSS. Perfect for about pages, CSR reports, and company impact sections.
Related Components
Sustainability
Environmental sustainability commitments
Commitments
Company promises and pledges
Community CTA
Community engagement call-to-action
Social Proof
Trust indicators and proof elements
Transparency Report
Company transparency reporting
Team Activities
Team events and activities showcase
FAQ
Was this page helpful?
Sign in to leave feedback.
Changelog Summary
A changelog and release history block for React and Next.js with vertical timeline nodes, change type categorization, expandable release details, version badges, and staggered entrance animations built with shadcn/ui and Tailwind CSS
Client Results
A structured data table of client results for React and Next.js with before/after metrics, computed improvement percentages, industry badges, and hover states built with shadcn/ui and Tailwind CSS