Build AI Apps
Without Backend Hassle

// Access Hugging Face models from the browser
const CORS_PROXY = 'https://corsproxy.io/?url=';

async function generateText(prompt) {
  const apiUrl = 'https://api-inference.huggingface.co/models/gpt2';
  const response = await fetch(CORS_PROXY + encodeURIComponent(apiUrl), {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'Authorization': 'Bearer YOUR_HF_TOKEN'
    },
    body: JSON.stringify({ inputs: prompt })
  });
  return response.json();
}

const result = await generateText('The future of AI is');
console.log(result[0].generated_text);

// Run Replicate models client-side
const CORS_PROXY = 'https://corsproxy.io/?url=';

async function generateImage(prompt) {
  const apiUrl = 'https://api.replicate.com/v1/predictions';
  const response = await fetch(CORS_PROXY + encodeURIComponent(apiUrl), {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'Authorization': 'Token YOUR_REPLICATE_TOKEN'
    },
    body: JSON.stringify({
      version: 'stability-ai/sdxl:...',
      input: { prompt }
    })
  });
  return response.json();
}

const image = await generateImage('A cat coding');

// Use OpenRouter for multi-model access
const CORS_PROXY = 'https://corsproxy.io/?url=';

async function chat(messages, model = 'anthropic/claude-3-haiku') {
  const apiUrl = 'https://openrouter.ai/api/v1/chat/completions';
  const response = await fetch(CORS_PROXY + encodeURIComponent(apiUrl), {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'Authorization': 'Bearer YOUR_OPENROUTER_KEY',
      'HTTP-Referer': window.location.origin
    },
    body: JSON.stringify({ model, messages })
  });
  return response.json();
}

const reply = await chat([{ role: 'user', content: 'Hello!' }]);