---
title: "Online Quran Academy for Memorization and Tajweed"
description: "Online Quran academy for memorization and tajweed, for kids and adults. Teachers with ijazah, a free trial class and regular progress reports for parents."
url: "https://iqraairtqi.com/en/online-quran-academy"
date: "2026-10-09T03:29:18+00:00"
---

# Online Quran Academy for Memorization and Tajweed

<html dir="ltr" lang="en"><head> <meta charset="UTF-8"></meta> <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta> <link href="https://iqraairtqi.com/storage/133/conversions/1726263439-webp-large.webp" rel="icon" type="image/webp"></link> <link href="https://iqraairtqi.com/storage/133/conversions/1726263439-webp-large.webp" rel="apple-touch-icon"></link> <title>Online Quran Academy for Memorization and Tajweed</title><meta content="Online Quran academy for memorization and tajweed, for kids and adults. Teachers with ijazah, a free trial class and regular progress reports for parents." name="description"></meta><meta content="online Quran academy, Quran memorization, Tajweed, Quran classes, Quran learning, online Islamic school" name="keywords"></meta><meta content="index,follow,max-image-preview:large" name="robots"></meta><link href="https://iqraairtqi.com/en/online-quran-academy" rel="canonical"></link><meta content="Online Quran Academy for Memorization and Tajweed" property="og:title"></meta><meta content="Online Quran academy for memorization and tajweed, for kids and adults. Teachers with ijazah, a free trial class and regular progress reports for parents." property="og:description"></meta><meta content="https://media.iqraairtqi.com/133/1726263439.png" property="og:image"></meta><meta content="https://iqraairtqi.com/en/online-quran-academy" property="og:url"></meta><meta content="website" property="og:type"></meta><meta content="Iqraa Irtaqii Academy" property="og:site_name"></meta><meta content="en_US" property="og:locale"></meta><meta content="ar_AR" property="og:locale:alternate"></meta><link href="https://iqraairtqi.com/online-quran-academy" hreflang="ar" rel="alternate"></link><link href="https://iqraairtqi.com/en/online-quran-academy" hreflang="en" rel="alternate"></link><link href="https://iqraairtqi.com/online-quran-academy" hreflang="x-default" rel="alternate"></link><meta content="summary_large_image" name="twitter:card"></meta><meta content="Online Quran Academy for Memorization and Tajweed" name="twitter:title"></meta><meta content="Online Quran academy for memorization and tajweed, for kids and adults. Teachers with ijazah, a free trial class and regular progress reports for parents." name="twitter:description"></meta><meta content="https://media.iqraairtqi.com/133/1726263439.png" name="twitter:image"></meta><meta content="@IqraaIrtaqii" name="twitter:site"></meta> <link href="https://fonts.googleapis.com" rel="preconnect"></link> <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"></link> <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Outfit:wght@400;500;700&family=Tajawal:wght@400;500;700;800&display=swap" media="print" onload="this.media='all'" rel="stylesheet"></link> <noscript><link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Outfit:wght@400;500;700&family=Tajawal:wght@400;500;700;800&display=swap" rel="stylesheet"></link></noscript> <link as="font" crossorigin="" href="https://iqraairtqi.com/website/assets/fonts/fa-solid-900.woff2" rel="preload" type="font/woff2"></link> <link as="font" crossorigin="" href="https://iqraairtqi.com/website/assets/fonts/fa-light-300.woff2" rel="preload" type="font/woff2"></link> <link as="style" href="https://iqraairtqi.com/website/assets/css/style_v2.css?v=1788187133" rel="preload"></link> <link href="https://iqraairtqi.com/website/assets/css/style_v2.css?v=1788187133" rel="stylesheet"></link> <link as="style" href="https://iqraairtqi.com/website/assets/css/vendor/fontawesome-all.min.css?v=1785943869" rel="preload"></link> <link href="https://iqraairtqi.com/website/assets/css/vendor/fontawesome-all.min.css?v=1785943869" media="print" onload="this.media='all'" rel="stylesheet"></link> <noscript><link href="https://iqraairtqi.com/website/assets/css/vendor/fontawesome-all.min.css?v=1785943869" rel="stylesheet"></link></noscript> <meta content="5gEnfZ8XaIhZO31sDhhj9LunM0HWHv1Pu5glNEXy" name="csrf-token"></meta> </head><body :class="mobileMenuOpen ? 'overflow-hidden' : ''" class="font-outfit text-dark bg-light antialiased" x-data="{ mobileMenuOpen: false }">  [ <svg class="w-8 h-8" fill="currentColor" viewbox="0 0 24 24"> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 0 0-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z"></path> </svg> ](https://wa.me/97466657295)  <div class="fixed inset-0 bg-black/50 lg:hidden" false="" style="display:none; z-index: 10005;" x-show="mobileMenuOpen" x-transition:enter="transition-opacity ease-out duration-300" x-transition:enter-end="opacity-100" x-transition:enter-start="opacity-0" x-transition:leave="transition-opacity ease-in duration-200" x-transition:leave-end="opacity-0" x-transition:leave-start="opacity-100"></div> <div class="fixed inset-y-0 left-0 w-[280px] bg-white shadow-2xl lg:hidden flex flex-col" style="display:none; z-index: 10006;" x-show="mobileMenuOpen" x-transition:enter="transition transform ease-out duration-300" x-transition:enter-end="translate-x-0" x-transition:enter-start="-translate-x-full" x-transition:leave="transition transform ease-in duration-200" x-transition:leave-end="-translate-x-full" x-transition:leave-start="translate-x-0"><div class="flex items-center justify-between p-4 border-b border-gray-100"> <span class="font-bold text-lg text-primary">Menu</span> <button aria-label="Close Menu" class="p-2 text-gray-500 hover:text-dark" false=""> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path d="M6 18L18 6M6 6l12 12" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path> </svg> </button> </div><div class="flex-1 overflow-y-auto p-6 space-y-5 font-semibold text-gray-700"> [Home](https://iqraairtqi.com) [About](https://iqraairtqi.com/en/about-us) [Services](https://iqraairtqi.com/en/services) [Courses](https://iqraairtqi.com/en/courses) [Articles](https://iqraairtqi.com/en/blogs) [Contact](https://iqraairtqi.com/en/contact-us)---

 [ <span class="bg-gray-100 px-3 py-1 rounded-full text-sm font-bold">AR</span> العربية ](https://iqraairtqi.com/switch-language/ar) <div class="flex items-center gap-3 mt-6 pt-6 border-t border-gray-100 justify-center"> [  ](https://www.facebook.com/iqraairtqi) [  ](https://x.com/iqraairtqi) [  ](https://www.instagram.com/iqraairtqi) [  ](https://www.youtube.com/@iqraairtqi) </div> </div> </div> <main><div class="lp"> <section class="lp-hero"><div class="lp-wrap"> <span class="lp-badge">Free trial class</span>Online Quran Academy with real follow-up
========================================

Live one-on-one or small-group classes with teachers who hold ijazah.

<div class="lp-actions"> [ Book a free trial class](https://wa.me/97466657295) [View services](https://iqraairtqi.com/en/services) </div> </div> </section><div class="lp-trust"><div class="lp-wrap">- <span>Free trial class</span>
- <span>Teachers with ijazah</span>
- <span>Gulf, Canada, USA, Europe and Egypt</span>
- <span>Flexible payment options</span>
 
 </div> </div> <section class="lp-sec"><div class="lp-wrap">What you get with us
--------------------

<div class="lp-grid" style="margin-top:20px; grid-template-columns:repeat(auto-fit,minmax(300px,1fr));"><div class="lp-feature"> ### Instant correction

The teacher hears the recitation and corrects mistakes on the spot.

 </div><div class="lp-feature"> ### Flexible times

Set to your country and time zone, and changeable when needed.

 </div><div class="lp-feature"> ### Parent reports

Regular reports and reminders on the student's level and class times.

 </div><div class="lp-feature"> ### Scholarly supervision

A specialised team follows the quality of the circles and the teachers.

 </div><div class="lp-feature"> ### Memorization with tajweed

Memorization, revision and tajweed rules in one plan.

 </div><div class="lp-feature"> ### Male and female teachers

Arab and non-Arab, so you can choose what suits the student.

 </div> </div> </div> </section> <section class="lp-sec alt"><div class="lp-wrap lp-grid" style="grid-template-columns:repeat(auto-fit,minmax(300px,1fr));"><div class="lp-card">### Who is it for?

- Children at the start of reading and memorizing
- Adults who want to correct their recitation
- Families living outside the Arab world
- Non-Arabic speakers
 
 </div><div class="lp-card">### What does the student learn?

- Memorizing the Quran and revising it
- Tajweed rules and applying them
- Letter articulation and reading fluency
- Al-Qaida An-Noraniyah for beginners
 
 </div> </div> </section> <section class="lp-sec alt"><div class="lp-wrap">Start in three steps
--------------------

<div class="lp-steps"><div class="lp-step">Message us on WhatsApp with the student's age and level

</div><div class="lp-step">Book a free trial class

</div><div class="lp-step">Choose the teacher and times, and begin

</div> </div><div class="lp-actions" style="margin-top:28px;"> [ Book a free trial class](https://wa.me/97466657295) </div> </div> </section> <section class="lp-sec" style="padding:36px 0;"><div class="lp-wrap"><div class="lp-offer"> <div class="lp-offer-body">Offers that fit your country and service
----------------------------------------

Prices and offers vary by service (Quran, school subjects or courses), by country and by lesson price, and our offers reach a 100% discount when you refer friends. Message us and we will agree on what suits you.

 </div> [ Get your offer](https://wa.me/97466657295) </div> </div> </section> <section class="lp-sec alt"><div class="lp-wrap">Quran teachers
--------------

Teachers who are giving lessons with us right now.

<div class="lp-grid"><div class="lp-teacher"> <span class="lp-avatar"></span><div> **المعلمه هاجر** <span>Quran</span> </div> </div><div class="lp-teacher"> <span class="lp-avatar"></span><div> **د. سمية الصافي** <span>Quran</span> </div> </div><div class="lp-teacher"> <span class="lp-avatar"></span><div> **الشيخ محمود حلمي** <span>Quran, Arabic, Islamic education</span> </div> </div><div class="lp-teacher"> <span class="lp-avatar"></span><div> **المعلمه ام بلال** <span>Quran</span> </div> </div><div class="lp-teacher"> <span class="lp-avatar"></span><div> **الشيخ مدحت** <span>Quran</span> </div> </div><div class="lp-teacher"> <span class="lp-avatar"></span><div> **المعلمه ساره زاهر** <span>Quran</span> </div> </div><div class="lp-teacher"> <span class="lp-avatar"></span><div> **الشيخ عمر** <span>Quran</span> </div> </div><div class="lp-teacher"> <span class="lp-avatar"></span><div> **المعلمه ريحانه** <span>Quran, Islamic education</span> </div> </div><div class="lp-teacher"> <span class="lp-avatar"></span><div> **المعلمه خلود** <span>Quran</span> </div> </div><div class="lp-teacher"> <span class="lp-avatar"></span><div> **الشيخ محمد محمود جاد** <span>Quran</span> </div> </div> </div>### And school-subject teachers

<div class="lp-grid"><div class="lp-teacher"> <span class="lp-avatar"></span><div> **مستر محمود صلاح** <span>Math</span> </div> </div><div class="lp-teacher"> <span class="lp-avatar"></span><div> **مستر جمال** <span>English</span> </div> </div><div class="lp-teacher"> <span class="lp-avatar"></span><div> **دكتور محمد أحمد سليم** <span>Arabic, Quran</span> </div> </div> </div> </div> </section> <section class="lp-sec"><div class="lp-wrap">More services we offer
----------------------

<div class="lp-grid" style="margin-top:20px;"> [  **School subjects** <span>Curriculum lessons for all stages: maths, sciences, languages and more.</span> ](https://iqraairtqi.com/en/services) [  **Arabic foundation** <span>Reading, writing and pronunciation for children and adults.</span> ](https://iqraairtqi.com/en/arabic-foundation) [  **English and IELTS** <span>Foundation courses and IELTS preparation.</span> ](https://iqraairtqi.com/en/services) [  **Mental arithmetic** <span>Mental arithmetic and brain development for children.</span> ](https://iqraairtqi.com/en/services) </div> </div> </section> <section class="lp-sec"><div class="lp-wrap">What parents say
----------------

<div class="lp-grid" style="margin-top:20px;"> <figure class="lp-quote">> My daughters have enthusiasm and dealing was smooth

 </figure> <figure class="lp-quote">> More than excellent, we don't need a reference effort

 </figure> <figure class="lp-quote">> Her explanation is excellent

 </figure> </div> </div> </section> <section class="lp-sec alt"><div class="lp-wrap lp-faq" style="max-width:860px;">Frequently asked questions

Frequently asked questions
--------------------------

 <details open=""> <summary>Is this suitable for children?</summary><div class="lp-answer">Yes, for children and adults, with the age, level and teaching style adapted to each student.</div> </details> <details> <summary>Is there a trial class?</summary><div class="lp-answer">Yes, a free trial class to check that the teacher and level suit you before you formally start.</div> </details> <details> <summary>Do the teachers hold ijazah?</summary><div class="lp-answer">We work with male and female teachers who hold ijazah and chains of transmission in the Quran and Arabic, and a specialised team follows the quality of the circles.</div> </details> <details> <summary>Is it suitable for families outside the Arab world?</summary><div class="lp-answer">Yes, we serve students in the Gulf, Canada, the USA, Europe and Egypt, and set class times by the student's time zone.</div> </details> <details> <summary>How do I follow my child's level?</summary><div class="lp-answer">The system sends parents regular reports and reminders about the student's level and class times.</div> </details> <details> <summary>How do I start?</summary><div class="lp-answer">Message us on WhatsApp or the contact page and we will help you choose the right teacher and level.</div> </details> </div> </section> <section class="lp-sec"><div class="lp-wrap">Articles to read before you start
---------------------------------

- [The complete guide to learning the Quran online](https://iqraairtqi.com/en/blogs/%D8%AF%D9%84%D9%8A%D9%84-%D8%AA%D8%B9%D9%84%D9%8A%D9%85-%D8%A7%D9%84%D9%82%D8%B1%D8%A2%D9%86-%D8%A7%D9%84%D9%83%D8%B1%D9%8A%D9%85-%D8%A3%D9%88%D9%86%D9%84%D8%A7%D9%8A%D9%86-2026)
- [How to overcome the challenges of learning tajweed online](https://iqraairtqi.com/en/blogs/%D8%AA%D8%AD%D8%AF%D9%8A%D8%A7%D8%AA-%D8%AA%D8%B9%D9%84%D9%85-%D8%A7%D9%84%D8%AA%D8%AC%D9%88%D9%8A%D8%AF-%D8%A3%D9%88%D9%86%D9%84%D8%A7%D9%8A%D9%86)
- [Which method should you start with when teaching reading?](https://iqraairtqi.com/en/blogs/%D9%85%D8%A7%D9%87%D9%8A-%D8%A7%D9%84%D9%82%D8%A7%D8%B9%D8%AF%D8%A9-%D8%A7%D9%84%D9%86%D9%88%D8%B1%D8%A7%D9%86%D9%8A%D8%A9)
- [Is Al-Qaida An-Noraniyah suitable for adults?](https://iqraairtqi.com/en/blogs/%D9%87%D9%84-%D8%A7%D9%84%D9%82%D8%A7%D8%B9%D8%AF%D8%A9-%D8%A7%D9%84%D9%86%D9%88%D8%B1%D8%A7%D9%86%D9%8A%D8%A9-%D8%AA%D9%86%D8%A7%D8%B3%D8%A8-%D8%A7%D9%84%D9%83%D8%A8%D8%A7%D8%B1)
 
 </div> </section> <section class="lp-cta"><div class="lp-wrap">Start the memorization journey now
----------------------------------

Book your free trial class today and meet the teacher before you decide.

<div class="lp-actions"> [ Book a free trial class](https://wa.me/97466657295) [Contact page](https://iqraairtqi.com/en/contact-us) </div> </div> </section></div> </main> <div aria-label="Bottom Navigation" class="mobile-bottom-nav"><div class="nav-grid"> [ <svg fill="none" stroke="currentColor" viewbox="0 0 24 24"><path d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> <span>Home</span> ](https://iqraairtqi.com) [ <svg fill="none" stroke="currentColor" viewbox="0 0 24 24"><path d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> <span>Services</span> ](https://iqraairtqi.com/en/services) [<div class="circle-btn"> <svg fill="none" stroke="currentColor" viewbox="0 0 24 24"><path d="M12 4v16m8-8H4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5"></path></svg> </div> <span>Free Trial</span> ](https://iqraairtqi.com/en/contact-us "Free Trial") [ <svg fill="none" stroke="currentColor" viewbox="0 0 24 24"><path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> <span>Blog</span> ](https://iqraairtqi.com/en/blogs) [ <svg fill="none" stroke="currentColor" viewbox="0 0 24 24"><path d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> <span>Login</span> ](https://iqraairtqi.com/login) </div> </div><div class="fixed inset-0 z-[100] flex items-center justify-center bg-black/60 backdrop-blur-sm hidden opacity-0 transition-opacity duration-300" id="airport-popup"><div class="bg-white rounded-3xl shadow-2xl p-6 max-w-sm w-full mx-4 relative transform scale-95 transition-transform duration-300" id="airport-modal"> <button aria-label="Close" class="absolute top-4 right-4 text-gray-400 hover:text-gray-600 transition" id="airport-close">  </button><div class="text-center mb-5"><div class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-4 text-3xl" id="airport-flag"> 🌍 </div>###  Welcome! 

 Browsing from .   
 Would you like to see your local pricing?

 </div><div class="flex flex-col gap-2"> [ Yes, go to my country page ](#) <button class="w-full py-2.5 px-4 bg-gray-100 text-gray-600 text-sm font-bold rounded-xl hover:bg-gray-200 transition" id="airport-btn-no"> No, stay here </button> </div> </div></div><div aria-labelledby="modal-title" aria-modal="true" class="fixed inset-0 z-[100] overflow-y-auto overflow-x-hidden" role="dialog" style="display:none;" x-data="blogSearch()" x-on:keydown.window="handleGlobalKey($event)" x-on:keydown.window.escape="close()" x-on:open-search.window="open()" x-show="isOpen"><div class="fixed inset-0 bg-gray-900/60 backdrop-blur-sm transition-opacity" x-show="isOpen" x-transition:enter="ease-out duration-300" x-transition:enter-end="opacity-100" x-transition:enter-start="opacity-0" x-transition:leave="ease-in duration-200" x-transition:leave-end="opacity-0" x-transition:leave-start="opacity-100"></div><div class="flex min-h-full items-center justify-center p-4 text-center sm:p-0"><div class="relative transform overflow-hidden rounded-3xl bg-white text-left shadow-2xl transition-all w-full max-w-2xl sm:my-8" x-show="isOpen" x-transition:enter="ease-out duration-300" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:leave="ease-in duration-200" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"><div class="bg-gray-50/50 px-4 py-5 sm:p-6 sm:pb-5 border-b border-gray-100"><div class="sm:flex sm:items-start"><div class="mx-auto flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-full bg-primary/10 sm:mx-0 sm:h-12 sm:w-12">  </div><div class="mt-4 sm:mt-0 sm:ms-4 text-center sm:text-start flex-1">###  Search Articles 

<div class="mt-2 relative"> <input autocomplete="off" class="w-full border-0 border-b-2 border-gray-200 bg-transparent px-0 py-3 text-xl focus:border-primary focus:ring-0 transition-colors" placeholder="Search for Quran, Tajweed, etc..." type="search" x-model.debounce.300ms="query" x-ref="searchInput"></input> </div> </div> </div> </div><div class="max-h-[50vh] overflow-y-auto bg-white"><div class="flex justify-center items-center py-12" x-show="loading"><div class="animate-spin rounded-full h-10 w-10 border-4 border-primary/20 border-t-primary"></div> </div><div class="text-center py-12 px-6" x-show="!loading && query.length >= 2 && results.length === 0"><div class="mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-red-50 mb-4">  </div>### No results found

Try searching with different keywords or check spelling.

 </div><div class="text-center py-10" x-show="!loading && query.length < 2"> Type at least 2 characters to start searching...

 </div><div class="divide-y divide-gray-100" x-show="!loading && results.length > 0"> <template :key="i" x-for="(item, i) in results"> <a :href="item.url" class="group flex items-center gap-4 px-6 py-4 hover:bg-gray-50 transition-colors"><div class="h-16 w-16 flex-shrink-0 overflow-hidden rounded-xl bg-gray-100"> ![]() </div><div class="flex-1 min-w-0"> <span :style="'background-color:' + item.color + '15; color:' + item.color" class="inline-flex items-center rounded-full px-2.5 py-0.5 mt-1 text-xs font-semibold" x-text="item.category"> </span> </div><div class="text-gray-400 group-hover:text-primary transition-colors rtl:rotate-180">  </div> </a> </template> </div> </div><div class="bg-gray-50 px-6 py-3 flex items-center justify-between text-xs text-gray-500"><div class="flex items-center gap-4"> <span class="flex items-center gap-1"><kbd class="bg-white border border-gray-200 rounded px-1.5 py-0.5 font-sans">Esc</kbd> Close</span> <span class="flex items-center gap-1"><kbd class="bg-white border border-gray-200 rounded px-1.5 py-0.5 font-sans">Enter</kbd> Open</span> </div><div class="flex items-center gap-1 font-semibold text-gray-400"> Powered by Meilisearch  </div> </div> </div> </div> </div> 