Open Source · frontend
Use Llama 4 Scout with React
Updated 2026-05-21 · By XALEN
How to use Llama 4 Scout (Open Source, 109B (17B active)) with React. Install, authenticate, and make your first API call in minutes. Working code example included.
Model
Llama 4 Scout
109B (17B active) · 512K context · $0.05 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: 'llama-4-scout',
messages: [{ role: 'user', content: question }]
});
setResponse(res.choices[0].message.content);
}
return <div>{response}</div>;
}
Llama 4 Scout with Other Frameworks
Other Models with React
200+ models. One API. Works with any framework.
Get API KeyLast updated: 2026-05-21