TL;DR
A list of the best easy-to-build AI product integrations.
These can give your project magical powers, so don't forget to show them support π
Now let's head down AI-road π¨βπΎ
1. CopilotPortal: Embed an Actionable LLM Chatbot Into Your app.
A context-aware LLM chatbot inside your application that answers questions and takes actions.
Get a working chatBot with a few lines of code, then customize and embed as deeply as you need to.
import "@copilotkit/react-ui/styles.css";
import { CopilotProvider } from "@copilotkit/react-core";
import { CopilotSidebarUIProvider } from "@copilotkit/react-ui";
export default function App(): JSX.Element {
return (
<CopilotProvider chatApiEndpoint="/api/copilotkit/chat">
<CopilotSidebarUIProvider>
<YourContent />
</CopilotSidebarUIProvider>
</CopilotProvider>
);
}
Star CopilotPortal on GitHubβοΈ
2. LinguiJS - Automatic & Simple Internationalization
Simple and powerful open-source Internationalization library.
Easy to integrate framework for creating multilingual react applications.
import { Trans } from "@lingui/macro"
function App() {
return (
<Trans id="msg.docs" /* id is optional */>
Read the <a href="https://lingui.dev">documentation</a>
for more info.
</Trans>
)
}
3. Pezzo.ai - Observability, Cost & Prompt Engineering Platform
Centralized platform for managing your OpenAI calls.
Optimize your prompts & token use. Keep track of your AI use.
Free & easy to integrate.
const prompt = await pezzo.getPrompt("AnalyzeSentiment");
const response = await openai.chat.completions.create(prompt);
4. CopilotTextarea - AI-powered Writing in React Apps
A drop-in replacement for any react <textarea>
with the features of Github CopilotX.
Autocompletes, insertions, edits.
Can be fed any context in real time or by the developer ahead of time.
import { CopilotTextarea } from "@copilotkit/react-textarea";
import { CopilotProvider } from "@copilotkit/react-core";
// Provide context...
useMakeCopilotReadable(...)
// in your component...
<CopilotProvider>
<CopilotTextarea/>
</CopilotProvider>`
5. LangChain - Pull together AI into chains.
Easy-to-use API and library for adding LLMs into apps.
Link together different AI components and models.
Easily embed context and semantic data for powerful integrations.
6. SwirlSearch - AI powered search.
LLM-powered search, summaries and output.
Searches multiple content sources simultaneously into integrated output.
Powerful for tailored in-app integrations of various data sources.
7. ReactAgent - experimental LLM agent for generating react components from user stories
Experimental tool that uses GPT-4 to turn user stories into working React components.
Feed it local designs to achieve a consistent output & design language.
Thanks Everyone!