Compact · frontend

Use Gemma 3 1B with React

Updated 2026-05-21 · By XALEN

How to use Gemma 3 1B (Compact, 1B) with React. Install, authenticate, and make your first API call in minutes. Working code example included.

Model

Gemma 3 1B

1B · 32K context · $0.003 input

Framework

React

frontend · npm install xalen-sdk

1. Install

npm install xalen-sdk

2. Code

import { useState } from 'react';
import XALEN from 'xalen-sdk';

const client = new XALEN({ apiKey: 'xln_test_YOUR_KEY' });

export default function Chat() {
  const [response, setResponse] = useState('');
  
  async function ask(question) {
    const res = await client.chat.completions.create({
      model: 'gemma-3-1b',
      messages: [{ role: 'user', content: question }]
    });
    setResponse(res.choices[0].message.content);
  }
  
  return <div>{response}</div>;
}

Gemma 3 1B with Other Frameworks

Python JavaScript Next.js Flask FastAPI Django Express.js Flutter

Other Models with React

Vedika Standard Vedika Fast Vedika Pro Ultra Vedika Vision Vedika Code Vedika Astro Agent

200+ models. One API. Works with any framework.

Get API Key

Last updated: 2026-05-21