Title: Hindi Quran Viewer
Author: Charanjit Singh
Published: <strong>April 25, 2025</strong>
Last modified: July 3, 2025

---

Search plugins

![](https://ps.w.org/hindi-quran-viewer/assets/banner-772x250.png?rev=3281868)

![](https://ps.w.org/hindi-quran-viewer/assets/icon-256x256.png?rev=3281866)

# Hindi Quran Viewer

 By [Charanjit Singh](https://profiles.wordpress.org/devcv/)

[Download](https://downloads.wordpress.org/plugin/hindi-quran-viewer.zip)

 * [Details](https://wordpress.org/plugins/hindi-quran-viewer/#description)
 * [Reviews](https://wordpress.org/plugins/hindi-quran-viewer/#reviews)
 *  [Installation](https://wordpress.org/plugins/hindi-quran-viewer/#installation)
 * [Development](https://wordpress.org/plugins/hindi-quran-viewer/#developers)

 [Support](https://wordpress.org/support/plugin/hindi-quran-viewer/)

## Description

Hindi Quran Viewer allows you to embed Quranic verses in Arabic, Hindi, and English
into your WordPress site. The plugin stores all data locally in a database, enabling
offline access after an initial import. Key features include:
 – Display verses 
using the `[hindi_quran_viewer]` shortcode. – Verses shown in Arabic, Hindi, and
English. – Real-time search for Surahs and verses with result counts. – Light/dark
theme toggle with user preference persistence. – Responsive design for mobile and
desktop. – Local database storage for offline access. – Admin interface to import
Quranic data. – Secure AJAX requests with nonce verification. – Search history stored
locally.

### External Services

This plugin requires a one-time import from the following third-party APIs to populate
the local database. After import, no external services are used:

 1. **AlQuran Cloud API**
 2.  * Purpose: Fetches Surahs and Ayahs in Arabic, Hindi, and English for initial 
       import.
     * API Endpoint: `https://api.alquran.cloud/v1/surah/`
     * Data sent: Only Surah ID.
     * No personal data is collected.
     * Terms of Use: [https://alquran.cloud/privacy](https://alquran.cloud/privacy)
 3. **Quran.com API**
 4.  * Purpose: Retrieves the list of Quran Surahs for initial import.
     * API Endpoint: `https://api.quran.com/api/v4/chapters`
     * Data sent: None (GET request only).
     * No personal data is collected.
     * Terms of Use: [https://quran.com/privacy](https://quran.com/privacy)

## Screenshots

[⌊Quran Viewer interface with Surah list and verse display (Arabic, Hindi, English).⌉⌊
Quran Viewer interface with Surah list and verse display (Arabic, Hindi, English)
.⌉[

Quran Viewer interface with Surah list and verse display (Arabic, Hindi, English).

[⌊Dark mode view with search functionality.⌉⌊Dark mode view with search functionality
.⌉[

Dark mode view with search functionality.

[⌊Admin settings page for data import.⌉⌊Admin settings page for data import.⌉[

Admin settings page for data import.

[[

## Installation

 1. Upload the `hindi-quran-viewer` folder to the `/wp-content/plugins/` directory.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.
 3. Go to Settings > Quran Viewer to import Quranic data into the database.
 4. Use the shortcode `[hindi_quran_viewer]` to display Quranic verses.

## FAQ

### How do I use this plugin?

Use the shortcode `[hindi_quran_viewer]` in any post or page. Ensure you import 
data first via the admin settings.

### How do I import data?

Go to Settings > Quran Viewer and click “Start Data Import” to populate the database
with Surahs and verses.

### Can I customize the styling?

Yes, edit the CSS file in the `assets/` folder.

### Does it support dark mode?

Yes, toggle between light and dark themes using the button in the UI.

### Does it work offline?

Yes, after importing data, the plugin works offline as all data is stored locally.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Hindi Quran Viewer” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ Charanjit Singh ](https://profiles.wordpress.org/devcv/)

[Translate “Hindi Quran Viewer” into your language.](https://translate.wordpress.org/projects/wp-plugins/hindi-quran-viewer)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/hindi-quran-viewer/),
check out the [SVN repository](https://plugins.svn.wordpress.org/hindi-quran-viewer/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/hindi-quran-viewer/)
by [RSS](https://plugins.trac.wordpress.org/log/hindi-quran-viewer/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.2

 * Added Arabic translations for verses, displayed before Hindi and English.
 * Updated local database schema to store Arabic text.
 * Enhanced verse search to include Arabic text.

#### 1.1

 * Added local database storage for Surahs and verses.
 * Implemented admin settings page for data import.
 * Enabled offline access after data import.
 * Added theme toggle for light/dark modes.
 * Implemented real-time Surah and verse search with result counts.
 * Added search history storage.
 * Improved caching with WordPress transients.
 * Enhanced responsive design.

#### 1.0

 * Initial release.

## Meta

 *  Version **1.2**
 *  Last updated **12 months ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 5.0 or higher **
 *  Tested up to **6.8.5**
 *  PHP version ** 7.2 or higher **
 * Tags
 * [Islam](https://wordpress.org/plugins/tags/islam/)[Quran](https://wordpress.org/plugins/tags/quran/)
   [Religious](https://wordpress.org/plugins/tags/religious/)
 *  [Advanced View](https://wordpress.org/plugins/hindi-quran-viewer/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/hindi-quran-viewer/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/hindi-quran-viewer/reviews/)

## Contributors

 *   [ Charanjit Singh ](https://profiles.wordpress.org/devcv/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/hindi-quran-viewer/)