Kuwait Prayer Times

Kuwait Prayer Times API

Credits

Kuwait Prayer Times is based on AlAdhan API Services

Amiri font is used for Arabic text

Instructions

Include our JavaScript before the closing body

<script src="https://q8p.io/js"></script>

Include our CSS in your project

<link rel="stylesheet" href="https://q8p.io/css">

Or with Node.js

npm i q8-prayertimes

<script src="./node_modules/q8-prayertimes/dist/all.min.js"></script>

<link rel="stylesheet" href="./node_modules/q8-prayertimes/dist/all.min.css">

Alternatively, you can download

<script src="path/to/all.min.js"></script>

<link rel="stylesheet" href="path/to/all.min.css">

Create a div element with an id of q8prayers in your project

<div id="q8prayers"></div>

Options

Languages

Display prayer times in English (default)

data-lang="en"

Display prayer times in Arabic

data-lang="ar"

Date Types

Display date in Gregorian format (default)

data-date="gregorian"

Display date in Hijri format

data-date="hijri"

Themes

Display prayer times in light mode (default)

data-theme="light"

Display prayer times in dark mode

data-theme="dark"

Display prayer times in all black mode

data-theme="black"

Display prayer times in all white mode

data-theme="white"

Table Sizes

Display prayer times table in small size

data-size="sm"

Display prayer times table in medium size (default)

data-size="md"

Display prayer times table in large size

data-size="lg"

Display prayer times table in xlarge size

data-size="xl"

Preview

<div id="q8prayers"></div>

<div id="q8prayers" data-lang="ar"></div>

<div id="q8prayers" data-date="hijri"></div>

<div id="q8prayers" data-theme="black"></div>

<div id="q8prayers" data-size="sm"></div>

<div id="q8prayers" data-lang="ar" data-size="lg" data-date="hijri"></div>

<div id="q8prayers" data-size="xl"></div>

<div id="q8prayers" data-theme="dark"></div>

<div id="q8prayers" data-theme="white"></div>