Gemini Nano Prompt & Translation/Detection API Demo

A starting point for a client-side, LLM in the browser, for online and offline Javascript use.

NOT YET FOR MOBILE, DO NOT TRY YET ON MOBILE!

By Jeremy Ellis uses at your own risk
Github for these gitpages at https://github.com/hpssjellis/my-examples-of-web-llm
Main Demo index at https://hpssjellis.github.io/my-examples-of-web-llm/public/index.html

This page demonstrates the core features of the Gemini Nano Prompt API (`LanguageModel` API) available in Chrome 138+. Ensure you have enabled the necessary flags. Copy the link below and paste it into your Chrome address bar:
Then search for "optimization-guide-on-device-model" and then search for "gemini-nano"

#optimization-guide-on-device-model (set to Enabled BypassPrefRequirement)
#prompt-api-for-gemini-nano (set to Enabled) This might be the only flag you might have to set
#language-detector-api-for-gemini-nano (set to Enabled)
#language-translator-api-for-gemini-nano (set to Enabled)
#prompt-api-for-gemini-nano-multimodal-input(set to Enabled)
#summarization-api-for-gemini-nano(set to Enabled)
#writer-api-for-gemini-nano (set to Enabled)
#rewriter-api-for-gemini-nano (set to Enabled)

The Gemini Nano model will download the first time you use it. That will be about 4.0 GB of download and will need about 20 GB saving space for the final folders.

Edit Prompt:

Output:

No output yet. Click a button to begin.

Translation & Language Detection API

Use the Language Detector and Language Translator APIs to detect the language of text or translate it. Requires additional flags: #language-detector-api-for-gemini-nano and #language-translator-api-for-gemini-nano.

Text for Translation/Detection:

Translation/Detection Output:

No translation or detection output yet.