YuktAI, documented and running live

1. Install

Choose your stack once; every code block on this site follows your choice. Python (Django, Flask, FastAPI) and PHP (Laravel, WordPress) have their own pages.

npm install @yuktishaalaa/yuktai@5.3.9

<script src="https://cdn.jsdelivr.net/npm/@yuktishaalaa/yuktai@5.3.9/vanilla/index.min.js"></script>

pip install yuktai

composer require yuktishaalaa/yuktai

2. First use in two minutes

"use client"
// YuktAI's components use browser APIs, so they live in a client component.
import { YuktAIWrapper } from "@yuktishaalaa/yuktai"
import type { ReactNode } from "react"

export default function YuktaiClient({ children }: { children: ReactNode }) {
  return (
    <YuktAIWrapper position="left" launcher showAccessibility showRag engine="rust">
      {children}
    </YuktAIWrapper>
  )
}

import type { ReactNode } from "react"
import YuktaiClient from "./YuktaiClient"

export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en">
      <body>
        <YuktaiClient>{children}</YuktaiClient>
      </body>
    </html>
  )
}

<!doctype html>
<html lang="en">
<head><meta charset="utf-8"><title>My page</title></head>
<body>
  <main>
    <h1>Staff</h1>
    <div id="staff"></div>
  </main>

  <!-- 1. optional settings for the floating buttons -->
  <script>
    window.YUKTAI_CONFIG = { position: "left", showPageTools: true }
  </script>
  <!-- 2. YuktAI: adds window.yuktai and the ♿ / 🛠 buttons -->
  <script src="https://cdn.jsdelivr.net/npm/@yuktishaalaa/yuktai@5.3.9/vanilla/index.min.js"></script>
  <!-- 3. use it -->
  <script>
    yuktai.renderGrid("#staff", {
      data: [
        { id: 1, name: "Ravi Rao", city: "Hyderabad", salary: 120000 },
        { id: 2, name: "Asha Iyer", city: "Pune", salary: 85000 }
      ],
      columns: [
        { key: "name", label: "Name" },
        { key: "city", label: "City" },
        { key: "salary", label: "Salary", type: "number" }
      ],
      engine: "auto",
      showSearchTime: true
    })
  </script>
</body>
</html>

3. Pick what you need

• Accessibility widget

  Floating ♿ button: high contrast, dark mode, text size, dyslexia font, colour-blind filters, reduced motion, large targets, speak on focus. Saved per visitor.

  Open accessibility widget

• Data grid

  Search, sort, pages, selection, CSV, five themes, Telugu UI, keyboard grid navigation, and the search time with the engine that ran it.

  Open data grid

• Grid agents

  Ask the data in plain words (“salary over 1 lakh in Hyderabad”), multi-step tasks, custom rules in Telugu, WebMCP tools for browser AI agents.

  Open grid agents

• Ask page (RAG)

  New: the Ask page panel. Answers from the page itself with the source highlighted, Rust search, on-device AI, Telugu, nothing sent anywhere. Try Ask in the top bar.

  Open ask page (rag)

• Page tools

  Six tools in one panel: Copilot, QA report with 15 WCAG checks, form review, design review, Ask page and voice commands.

  Open page tools

• Next.js setup

  Pick the buttons you want (launcher, ♿, 💬, 🤖, ⚡, 🛠) and copy a ready YuktAIWrapper layout for the App Router.

  Open next.js setup

• Python (pip)

  pip install yuktai adds the ♿ widget and 🛠 page tools to Django, Flask and FastAPI pages in one line.

  Open Python setup

• PHP (Composer)

  composer require yuktishaalaa/yuktai adds the ♿ widget and 🛠 page tools to plain PHP, Laravel and WordPress pages.

  Open PHP setup

• Icon studio

  Every YuktAI icon at any size you type, in any colour, outline or filled. Copy React or HTML code, download PNG or SVG.

  Open icon studio

• Function playground

  Run the core functions (grid queries, BI, tasks, anomalies, voice, contrast) on your own input and copy the call.

  Open function playground

• Rust engines

  Rust compiled to WebAssembly for grid search/sort and page RAG, the default since 5.3.11. Time it against TypeScript on your own row count.

  Open rust engines

How YuktAI works

What's new

Nothing to change in your code for either release: npm install @yuktishaalaa/yuktai@latest, or 5.3.12 in the script URL. Full history on GitHub (opens in a new tab).

Keeping up with new releases

1. Try a new release on any page first: add ?v=5.3.11 (any version) to the address. It lasts for this browser tab; ?v=default goes back.
2. For the whole site, change version in assets/js/config.js and the CACHE name in sw.js, then push. Netlify redeploys in under a minute.
3. For your apps: npm install @yuktishaalaa/yuktai@latest, pip install -U yuktai, composer update yuktishaalaa/yuktai, or change the version in the script URL.

Honest limits

• Questions are understood with rules, not a language model, so unusual phrasing may need rewording. Telugu and Hindi data questions need custom rules.
• Ask page is keyword retrieval (BM25), not embeddings: it finds passages that share words with the question. An English question will not match Telugu-only text.
• QA, form and design checks are heuristics. Test with a keyboard and a screen reader before release.
• Voice depends on the browser's speech recognition. Typed commands always work.
• WebMCP needs document.modelContext; the real status is always reported.