Vanilla JS Examples
Support Chatbot
Example:ex1-support-bot
A customer support AI agent that uses RAG (Retrieval-Augmented Generation) to answer questions from a Knowledge Base.
- Features: KB Creation, RAG Chat, History
- Tech: Vanilla JS, HTML/CSS
- View Code
Doc Search
Example:ex2-doc-search
A semantic search engine implemented in less than 50 lines of code.
- Features:
rag.queryBuilder(), Text Ingestion - Tech: Vanilla JS
- View Code
Research Agent
Example:ex3-research-agent
An agent that analyzes multiple documents and synthesizes an answer with citations.
- Features: Multi-file Upload, System Prompts
- Tech: Vanilla JS
- View Code
Legal Analyzer
Example:ex7-legal-analyzer
A domain-specific agent tuning for legal contract analysis.
- Features: Advanced System Prompts, specialized RAG
- Tech: Vanilla JS
- View Code
Codebase QA
Example:ex8-codebase-qa
A developer tool that acts as a terminal-based documentation bot.
- Features: Terminal UI, Docs RAG
- Tech: Vanilla JS
- View Code
Product Finder
Example:ex9-product-finder
An e-commerce semantic search tool that finds products based on natural language descriptions.
- Features: e-commerce data model, semantic search
- Tech: Vanilla JS
- View Code
Study Companion
Example:ex10-study-companion
An educational tutor that helps students learn from textbooks.
- Features: Personality tuning, Q&A
- Tech: Vanilla JS
- View Code
Framework Examples
Next.js Chat
Example:ex4-nextjs-chat
A full-stack production-ready application using Next.js 14 App Router.
- Features: Server-side RAG, API Routes, Streaming
- Tech: Next.js 14, TypeScript, Tailwind
- View Code
React Widget
Example:ex5-react-widget
An embeddable chat widget component using a custom React hook.
- Features:
useJabrodhook, Component encapsulation - Tech: React, Vite
- View Code
Node Scripts
Example:ex6-node-scripts
CLI tools and backend scripts for batch processing.
- Features: Bulk Upload, Express API, CLI interaction
- Tech: Node.js, TypeScript
- View Code
Running the Examples
All examples are available in our Examples Repository. To run any example locally:- Clone the repository
- Navigate to the example folder
- Run with
npx serve .(for static sites) ornpm run dev(for Next.js/React) - Enter your Jabrod API key when prompted
