!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())

[Skip to main content](#__docusaurus_skipToContent_fallback)

You are viewing the **preview** v0.2 docs. View the **stable** v0.1 docs [here](/v0.1/docs/get_started/introduction/). Leave feedback on the v0.2 docs [here](https://github.com/langchain-ai/langchainjs/discussions/5386).

[

![🦜️🔗 Langchain](/v0.2/img/brand/wordmark.png)![🦜️🔗 Langchain](/v0.2/img/brand/wordmark-dark.png)

](/v0.2/)[Integrations](/v0.2/docs/integrations/platforms/)[API Reference](https://v02.api.js.langchain.com)

[More](#)

*   [People](/v0.2/docs/people/)
*   [Community](/v0.2/docs/community)
*   [Tutorials](/v0.2/docs/additional_resources/tutorials)
*   [Contributing](/v0.2/docs/contributing)

[v0.2](#)

*   [v0.2](/v0.2/docs/introduction)
*   [v0.1](https://js.langchain.com/v0.1/docs/get_started/introduction)

[🦜🔗](#)

*   [LangSmith](https://smith.langchain.com)
*   [LangSmith Docs](https://docs.smith.langchain.com)
*   [LangChain Hub](https://smith.langchain.com/hub)
*   [LangServe](https://github.com/langchain-ai/langserve)
*   [Python Docs](https://python.langchain.com/)

[Chat](https://chatjs.langchain.com)[](https://github.com/langchain-ai/langchainjs)

Search

*   [Providers](/v0.2/docs/integrations/platforms/)
    
    *   [Providers](/v0.2/docs/integrations/platforms/)
    *   [Anthropic](/v0.2/docs/integrations/platforms/anthropic)
    *   [AWS](/v0.2/docs/integrations/platforms/aws)
    *   [Google](/v0.2/docs/integrations/platforms/google)
    *   [Microsoft](/v0.2/docs/integrations/platforms/microsoft)
    *   [OpenAI](/v0.2/docs/integrations/platforms/openai)
*   [Components](/v0.2/docs/integrations/components)
    
    *   [Chat models](/v0.2/docs/integrations/chat/)
        
    *   [LLMs](/v0.2/docs/integrations/llms/)
        
    *   [Embedding models](/v0.2/docs/integrations/text_embedding)
        
        *   [Alibaba Tongyi](/v0.2/docs/integrations/text_embedding/alibaba_tongyi)
        *   [Azure OpenAI](/v0.2/docs/integrations/text_embedding/azure_openai)
        *   [Baidu Qianfan](/v0.2/docs/integrations/text_embedding/baidu_qianfan)
        *   [Bedrock](/v0.2/docs/integrations/text_embedding/bedrock)
        *   [Cloudflare Workers AI](/v0.2/docs/integrations/text_embedding/cloudflare_ai)
        *   [Cohere](/v0.2/docs/integrations/text_embedding/cohere)
        *   [Fireworks](/v0.2/docs/integrations/text_embedding/fireworks)
        *   [Google AI](/v0.2/docs/integrations/text_embedding/google_generativeai)
        *   [Google PaLM](/v0.2/docs/integrations/text_embedding/google_palm)
        *   [Google Vertex AI](/v0.2/docs/integrations/text_embedding/google_vertex_ai)
        *   [Gradient AI](/v0.2/docs/integrations/text_embedding/gradient_ai)
        *   [HuggingFace Inference](/v0.2/docs/integrations/text_embedding/hugging_face_inference)
        *   [Llama CPP](/v0.2/docs/integrations/text_embedding/llama_cpp)
        *   [Minimax](/v0.2/docs/integrations/text_embedding/minimax)
        *   [Mistral AI](/v0.2/docs/integrations/text_embedding/mistralai)
        *   [Nomic](/v0.2/docs/integrations/text_embedding/nomic)
        *   [Ollama](/v0.2/docs/integrations/text_embedding/ollama)
        *   [OpenAI](/v0.2/docs/integrations/text_embedding/openai)
        *   [Prem AI](/v0.2/docs/integrations/text_embedding/premai)
        *   [TensorFlow](/v0.2/docs/integrations/text_embedding/tensorflow)
        *   [Together AI](/v0.2/docs/integrations/text_embedding/togetherai)
        *   [HuggingFace Transformers](/v0.2/docs/integrations/text_embedding/transformers)
        *   [Voyage AI](/v0.2/docs/integrations/text_embedding/voyageai)
        *   [ZhipuAI](/v0.2/docs/integrations/text_embedding/zhipuai)
    *   [Document loaders](/v0.2/docs/integrations/document_loaders)
        
    *   [Document transformers](/v0.2/docs/integrations/document_transformers)
        
    *   [Vector stores](/v0.2/docs/integrations/vectorstores)
        
    *   [Retrievers](/v0.2/docs/integrations/retrievers)
        
    *   [Tools](/v0.2/docs/integrations/tools)
        
    *   [Toolkits](/v0.2/docs/integrations/toolkits)
        
    *   [Stores](/v0.2/docs/integrations/stores/)
        

*   [](/v0.2/)
*   [Components](/v0.2/docs/integrations/components)
*   [Embedding models](/v0.2/docs/integrations/text_embedding)
*   HuggingFace Transformers

On this page

HuggingFace Transformers
========================

The `TransformerEmbeddings` class uses the [Transformers.js](https://huggingface.co/docs/transformers.js/index) package to generate embeddings for a given text.

It runs locally and even works directly in the browser, allowing you to create web apps with built-in embeddings.

Setup[​](#setup "Direct link to Setup")
---------------------------------------

You'll need to install the [@xenova/transformers](https://www.npmjs.com/package/@xenova/transformers) package as a peer dependency:

*   npm
*   Yarn
*   pnpm

    npm install @xenova/transformers

    yarn add @xenova/transformers

    pnpm add @xenova/transformers

tip

See [this section for general instructions on installing integration packages](/v0.2/docs/how_to/installation#installing-integration-packages).

*   npm
*   Yarn
*   pnpm

    npm install @langchain/community

    yarn add @langchain/community

    pnpm add @langchain/community

Example[​](#example "Direct link to Example")
---------------------------------------------

Note that if you're using in a browser context, you'll likely want to put all inference-related code in a web worker to avoid blocking the main thread.

See [this guide](https://huggingface.co/docs/transformers.js/tutorials/next) and the other resources in the Transformers.js docs for an idea of how to set up your project.

    import { HuggingFaceTransformersEmbeddings } from "@langchain/community/embeddings/hf_transformers";const model = new HuggingFaceTransformersEmbeddings({  model: "Xenova/all-MiniLM-L6-v2",});/* Embed queries */const res = await model.embedQuery(  "What would be a good company name for a company that makes colorful socks?");console.log({ res });/* Embed documents */const documentRes = await model.embedDocuments(["Hello world", "Bye bye"]);console.log({ documentRes });

#### API Reference:

*   [HuggingFaceTransformersEmbeddings](https://v02.api.js.langchain.com/classes/langchain_community_embeddings_hf_transformers.HuggingFaceTransformersEmbeddings.html) from `@langchain/community/embeddings/hf_transformers`

* * *

#### Was this page helpful?

  

#### You can leave detailed feedback [on GitHub](https://github.com/langchain-ai/langchainjs/issues/new?assignees=&labels=03+-+Documentation&projects=&template=documentation.yml&title=DOC%3A+%3CPlease+write+a+comprehensive+title+after+the+%27DOC%3A+%27+prefix%3E).

[

Previous

Together AI

](/v0.2/docs/integrations/text_embedding/togetherai)[

Next

Voyage AI

](/v0.2/docs/integrations/text_embedding/voyageai)

*   [Setup](#setup)
*   [Example](#example)

Community

*   [Discord](https://discord.gg/cU2adEyC7w)
*   [Twitter](https://twitter.com/LangChainAI)

GitHub

*   [Python](https://github.com/langchain-ai/langchain)
*   [JS/TS](https://github.com/langchain-ai/langchainjs)

More

*   [Homepage](https://langchain.com)
*   [Blog](https://blog.langchain.dev)

Copyright © 2024 LangChain, Inc.