diff --git a/docs/integrations/index.md b/docs/integrations/index.md index 119ca6c..77e45dc 100644 --- a/docs/integrations/index.md +++ b/docs/integrations/index.md @@ -18,6 +18,7 @@ We welcome pull requests to add new Integrations to the community. | [🦙 LlamaIndex](/integrations/llama-index) | ✅ | :soon: | | [Braintrust](/integrations/braintrust) | ✅ | ✅ | | [🔭 OpenLLMetry](/integrations/openllmetry) | ✅ | :soon: | +| [🎈 Streamlit](/integrations/streamlit) | ✅ | âž– | *Coming soon* - integrations with LangSmith, JinaAI, and more. @@ -25,4 +26,4 @@ We welcome pull requests to add new Integrations to the community. ### 🧬 Embeddings -Are you looking for how Chroma integrates with embeddings providers like OpenAI, Cohere, Google PaLM and others? View [🧬 Embeddings](/embeddings) integrations. \ No newline at end of file +Are you looking for how Chroma integrates with embeddings providers like OpenAI, Cohere, Google PaLM and others? View [🧬 Embeddings](/embeddings) integrations. diff --git a/docs/integrations/streamlit.md b/docs/integrations/streamlit.md new file mode 100644 index 0000000..93ad15a --- /dev/null +++ b/docs/integrations/streamlit.md @@ -0,0 +1,65 @@ +--- +slug: /integrations/streamlit +title: 🎈 Streamlit +--- + +Streamlit is an open-source Python library that makes it easy to create and share beautiful, custom web apps for machine learning and data science. In just a few minutes you can build and deploy powerful data apps. + + + +[Apache 2.0 License](https://github.com/streamlit/streamlit/blob/develop/LICENSE)  • [Site](https://streamlit.io/) + +| Languages | Docs | Github |
+| Python | [Docs](https://docs.streamlit.io/) | [Code](https://github.com/streamlit/streamlit) + +### Install + +Install Streamlit:
+`pip install streamlit` + +Install `streamlit-chromadb-connection`, which connects your Streamlit app to Chroma through [`st.connection`](https://docs.streamlit.io/1.11.0/library/api-reference/connections/st.connection):
+`pip install streamlit-chromadb-connection` + +### Main Benefits + +- Easy to get started with Streamlit's straightforward syntax +- Built-in [chatbot functionality](https://docs.streamlit.io/library/api-reference/chat) +- Pre-built integration with Chroma via `streamlit-chromadb-connection` +- Deploy apps for free on [Streamlit Community Cloud](https://share.streamlit.io/) + +### Simple Example + +#### Python + +```python +import streamlit as st +from streamlit_chromadb_connection.chromadb_connection import ChromadbConnection + +configuration = { + "client": "PersistentClient", + "path": "/tmp/.chroma" +} + +collection_name = "documents_collection" + +conn = st.connection("chromadb", + type=ChromaDBConnection, + **configuration) +documents_collection_df = conn.get_collection_data(collection_name) +st.dataframe(documents_collection_df) +``` + +### Resources + +- [Instructions for using `streamlit-chromadb-connection` to connect your Streamlit app to Chroma](https://github.com/Dev317/streamlit_chromadb_connection/blob/main/README.md) +- [Demo app for `streamlit-chromadb-connection`](https://app-chromadbconnection-mfzxl3nzozmaxh3mrkd6zm.streamlit.app/) +- [Streamlit's `st.connection` documentation](https://docs.streamlit.io/library/api-reference/connections/st.connection) +- [Guide to using vector databases with Streamlit](https://pub.towardsai.net/vector-databases-for-your-streamlit-ai-apps-56cd0af7bbba) + +#### Tutorials + +- [Build an "Ask the Doc" app using Chroma, Streamlit, and LangChain](https://blog.streamlit.io/langchain-tutorial-4-build-an-ask-the-doc-app/) +- [Summarize documents with Chroma, Streamlit, and LangChain](https://alphasec.io/summarize-documents-with-langchain-and-chroma/) +- [Build a custom chatbot with Chroma, Streamlit, and LangChain](https://blog.streamlit.io/how-in-app-feedback-can-increase-your-chatbots-performance/) +- [Build a RAG bot using Chroma, Streamlit, and LangChain](https://levelup.gitconnected.com/building-a-generative-ai-app-with-streamlit-and-openai-95ec31fe8efd) +- [Build a PDF QA chatbot with Chroma, Streamlit, and OpenAI](https://www.confident-ai.com/blog/how-to-build-a-pdf-qa-chatbot-using-openai-and-chromadb) diff --git a/sidebars.js b/sidebars.js index 09aba83..3dd25e5 100644 --- a/sidebars.js +++ b/sidebars.js @@ -67,6 +67,7 @@ const sidebars = { 'integrations/llama-index', 'integrations/braintrust', 'integrations/openllmetry', + 'integrations/streamlit', ], }, ],