Skip to main content

Conversational AI Apps. Built in React.

Bacon ipsum dolor amet chislic tri-tip hamburger lorem, chicken doner t-bone. Eu shank biltong, velit chicken tri-tip proident esse pork loin ball tip. Non turkey reprehenderit, eiusmod nulla consequat boudin short loin minim. Doner flank porchetta, jerky cillum pork beef. Dolore velit ham, consequat chicken strip steak biltong ut.

Build Sidekicks

  • Bacon ipsum dolor amet chislic tri-tip
  • Bacon ipsum dolor amet chislic tri-tip
  • Bacon ipsum dolor amet chislic tri-tip
Start Building

DocsQA

  • Bacon ipsum dolor amet chislic tri-tip
  • Bacon ipsum dolor amet chislic tri-tip
  • Bacon ipsum dolor amet chislic tri-tip
  • Bacon ipsum dolor amet chislic tri-tip
  • Bacon ipsum dolor amet chislic tri-tip
  • Bacon ipsum dolor amet chislic tri-tip
Try DocsQA Now

Tools

  • Bacon ipsum dolor amet chislic tri-tip
  • Bacon ipsum dolor amet chislic tri-tip
  • Bacon ipsum dolor amet chislic tri-tip
  • Bacon ipsum dolor amet chislic tri-tip
  • Bacon ipsum dolor amet chislic tri-tip
  • Bacon ipsum dolor amet chislic tri-tip
More on Tools

GenUI

  • Bacon ipsum dolor amet chislic tri-tip
  • Bacon ipsum dolor amet chislic tri-tip
  • Bacon ipsum dolor amet chislic tri-tip
  • Bacon ipsum dolor amet chislic tri-tip
  • Bacon ipsum dolor amet chislic tri-tip
  • Bacon ipsum dolor amet chislic tri-tip
See GenUI In Action

Powerful JSX Components

Create JSX components for all your conversational AI app needs.

Arrow up icon
<SystemMessage>
<Prompt persona="expert customer service agent for Fixie" />
You have access to the Fixie customer support docs...
</SystemMessage>
-- LLM Prompting
<SystemMessage>
<Prompt persona="expert customer service agent for Fixie" />
You have access to the Fixie customer support docs...
</SystemMessage>
lookUpFixieKnowledgeBase: {
description: 'Look up information about Fixie from
its customer support and developer docs',
parameters: {
query: {
description: 'The search query. It will be embedded and used in a vector search against the corpus.',
type: 'string',
required: true
}
-- DocsQA
lookUpFixieKnowledgeBase: {
description: 'Look up information about Fixie from
its customer support and developer docs',
parameters: {
query: {
description: 'The search query. It will be embedded and used in a vector search against the corpus.',
type: 'string',
required: true
}
tools: Record<string, Tool> = {
listMailboxes: {
description: 'List mailboxes for a customer',
func: async function () {
return fetchAPI('mailboxes')
}
}
}
-- Tools
tools: Record<string, Tool> = {
listMailboxes: {
description: 'List mailboxes for a customer',
func: async function () {
return fetchAPI('mailboxes')
}
}
}
export const mdxUsageExamples = <>
When you list users, use the <ListUsers /> component.
-- GenUI
export const mdxUsageExamples = <>
When you list users, use the <ListUsers /> component.
Arrow up icon

Magnifying glass iconLLM Prompting

Create prompts via components.

Knife iconDocsQA

Give the LLM new knowledge from your docs and URLs.

Indication arrow iconTools

Give the LLM a tool for listing mailboxes.

Two overlapping squaresGenUI

Move from text-only to fully visual output.

An icon showing wave propagation

Join our developer community

AI.JSX is open source. Follow us on Twitter, star our GitHub repo, and join our developer community on Discord!