Zakat Calculator
A comprehensive calculator for determining Zakat obligations. Supports multiple asset types, real-time calculations, Nisab threshold checking, and full bilingual support. Perfect for Islamic finance applications and GCC market needs.
Preview
Nisab Information
Zakat is due if wealth reaches Nisab and one lunar year has passed
Your Assets
Enter your asset values to calculate Zakat due
Current price: 250.00 SAR/g
Current price: 3.00 SAR/g
Calculation Result
Zakat Due (2.5%)
3,125.00 SAR
Ensure payment within the lunar year
Export & Share
Installation
Copy and paste the component code into your project:
Dependencies: This component uses Card, Input, Label, Separator, Badge components and Arabic Number utilities.
Usage
Examples
With Default Values
Pre-populate the calculator with initial asset values for user convenience.
Nisab Information
Zakat is due if wealth reaches Nisab and one lunar year has passed
Your Assets
Enter your asset values to calculate Zakat due
Current price: 250.00 SAR/g
Current price: 3.00 SAR/g
Calculation Result
Zakat Due (2.5%)
2,812.50 SAR
Ensure payment within the lunar year
Export & Share
Arabic Locale with Arabic-Indic Numerals
Display the calculator in Arabic with Arabic-Indic numerals for full localization.
Nisab Information
Zakat is due if wealth reaches Nisab and one lunar year has passed
Your Assets
Enter your asset values to calculate Zakat due
Current price: ٢٥٠٫٠٠ ر.س/g
Current price: ٣٫٠٠ ر.س/g
Calculation Result
Zakat Due (2.5%)
١٬٧٨١٫٢٥ ر.س
Ensure payment within the lunar year
Export & Share
With Calculation Callback
Receive calculation updates to integrate with your application logic.
Understanding Zakat
What is Zakat?
Zakat is one of the Five Pillars of Islam and is an obligatory form of charity. It's a form of wealth purification where Muslims with sufficient means must donate 2.5% of their qualifying wealth annually to those in need.
Nisab Threshold
The Nisab is the minimum amount of wealth a Muslim must possess before Zakat becomes obligatory. It's calculated based on the value of:
- Gold: 85 grams (approximately 3 ounces)
- Silver: 595 grams (approximately 21 ounces)
Most scholars recommend using the gold standard as it typically results in a higher Nisab threshold, benefiting those in need.
Zakatable Assets
Zakat is due on the following types of wealth:
- Cash in hand and bank accounts
- Gold and silver (jewelry, coins, bars)
- Business assets and inventory
- Stocks, shares, and investments
- Money owed to you that you expect to receive
- Other liquid assets
Lunar Year Requirement
For Zakat to be due, your wealth must remain above the Nisab threshold for one complete lunar year (Hawl). This calculator helps you determine your Zakat obligation at the current moment.
Integration with Price APIs
For real-time gold and silver prices, integrate with commodity price APIs:
Popular APIs: GoldAPI, Metals-API, or your local financial data provider.
Props
| Name | Type | Default | Description |
|---|---|---|---|
goldPricePerGram | number | 250 | Current gold price per gram in SAR. |
silverPricePerGram | number | 3 | Current silver price per gram in SAR. |
useArabicNumerals | boolean | false | Display numbers using Arabic-Indic numerals (٠-٩). |
locale | "en" | "ar" | "en" | Language locale for labels and formatting. |
onCalculate | (result: ZakatCalculationResult) => void | undefined | Callback fired when calculation updates. |
defaultValues | Partial<ZakatAssets> | undefined | Initial values for asset fields. |
className | string | undefined | Additional CSS classes for the wrapper. |
ZakatCalculationResult Type
ZakatAssets Type
Export & Share Features
The Zakat Calculator includes built-in export and sharing features to help users save and share their calculations. All export options are available in the calculation result card.
Copy to Clipboard
Quickly copy the calculation summary as formatted text. Perfect for pasting into messages, emails, or documents. Shows "Copied!" confirmation.
Download as Text
Download the calculation as a .txt file with all asset details, total wealth, and Zakat due amount. File is named with the current date.
Print Calculation
Open a print-friendly view of the calculation. Includes all details in a clean, formatted layout suitable for paper records.
Export as JSON
Download structured data as JSON for developers or data import. Includes assets, prices, calculation results, and timestamp.
Example Export Format
Accessibility
The Zakat Calculator follows accessibility best practices:
- Semantic HTML: Proper form labels and input associations.
- Keyboard Navigation: Full keyboard support for all form fields.
- Screen Reader Support: Clear labels and ARIA attributes.
- Visual Feedback: Status badges and color coding for calculation results.
- Clear Instructions: Nisab information and guidance provided upfront.
- Input Validation: Number inputs with appropriate min/max/step values.
RTL (العربية)
This component is built with RTL-first principles:
- Automatic Layout Adaptation: All spacing and alignment adapts to RTL direction.
- Bilingual Labels: Complete Arabic translations for all UI text.
- Arabic-Indic Numerals: Optional display of ٠١٢٣٤٥٦٧٨٩ numerals.
- Currency Symbol Position: "ر.س" displays correctly in RTL mode.
- Input Alignment: Currency and unit labels position correctly in both directions.
- Logical Properties: Uses ms-*, me-*, ps-*, pe-* for all spacing.