Compact · frontend

Use Phi-4 with React

Updated 2026-05-21 · By XALEN

How to use Phi-4 (Compact, 14B) with React. Install, authenticate, and make your first API call in minutes. Working code example included.

Model

Phi-4

14B · 16K context · $0.01 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: 'phi-4',
      messages: [{ role: 'user', content: question }]
    });
    setResponse(res.choices[0].message.content);
  }
  
  return <div>{response}</div>;
}

Phi-4 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