Pin Studio

Built-in templates

Your templates

Nothing saved yet. Design a pin, then save it below to reuse it.

Template name

Template code

Click an empty photo area to add an image. Drag text to move it and drag a photo to reposition it inside its frame. You can also drop or paste images onto the page.

Title and description writer

Pin topic

Niche Tone

Related keywords, separated by commas

How many Add hashtags

Uses the providers you turned on under AI setup. The writer above works without any setup.

AI setup

Paste free keys from any providers you like. Keys stay in this browser and are sent only to that provider. The tool tries them in order and moves on when one is busy. Pollinations needs no key. Images need a Cloudflare Worker, a Hugging Face token, or Pollinations.

Cloudflare Workers AI, for images

Free daily allowance and no key to paste. Create a small Worker once in your own Cloudflare account, then paste its address here. It is tried first when you generate images.

Worker address

How to create the Worker

Sign in at dash.cloudflare.com with a free account. Open Workers and Pages, choose Create, then Create Worker. Name it pin-images and press Deploy.
Press Edit code, delete everything in the editor, paste the code you copied, and press Deploy.
Open the Worker, go to Settings, then Bindings, then Add. Choose Workers AI and name the binding AI in capital letters. Save.
Copy the Worker address (it ends in workers.dev), paste it above, press Save, then Test.
Optional: under Settings, Variables, add ALLOWED_ORIGIN with the address of the page where you host this tool, so nobody else can use your allowance.

Menu names in Cloudflare can change slightly. If you cannot copy the code with the button, copy it from this box.

Worker code

/* Pin Studio image Worker for Cloudflare Workers AI.
   Setup: add a Workers AI binding named AI (Settings, Bindings). No keys needed.
   Optional: add a variable ALLOWED_ORIGIN with the address of your page to lock it. */

const NEG = 'text, letters, words, logo, watermark, signature, face, hands, blurry, low quality, deformed';
const STYLES = {
  natural: 'natural window light, lifestyle photo',
  flatlay: 'flat lay photographed from above on a table',
  studio: 'minimal studio backdrop with soft shadows',
  moody: 'moody low key lighting with dark tones',
  pastel: 'bright pastel colors, airy and soft',
  texture: 'abstract texture and pattern, close up'
};
const DIMS = { '2:3': [832, 1248], '1:1': [1024, 1024], '9:16': [704, 1248], '3:2': [1248, 832] };
const hits = new Map();

function reply(obj, status, cors) {
  return new Response(JSON.stringify(obj), { status, headers: { ...cors, 'Content-Type': 'application/json' } });
}
function limited(ip) {
  const now = Date.now(), e = hits.get(ip);
  if (!e || now - e.t > 60000) { if (hits.size > 2000) hits.clear(); hits.set(ip, { t: now, n: 1 }); return false; }
  return ++e.n > 8;
}
async function generate(env, prompt, w, h) {
  try {
    const r = await env.AI.run('@cf/black-forest-labs/flux-1-schnell', { prompt, steps: 6 });
    if (r && r.image) {
      const bin = atob(r.image), buf = new Uint8Array(bin.length);
      for (let i = 0; i < bin.length; i++) buf[i] = bin.charCodeAt(i);
      return { buf, type: 'image/jpeg', model: 'flux' };
    }
  } catch (e) { /* fall through to the next model */ }
  const stream = await env.AI.run('@cf/bytedance/stable-diffusion-xl-lightning',
    { prompt, negative_prompt: NEG, width: w, height: h, num_steps: 8 });
  return { buf: await new Response(stream).arrayBuffer(), type: 'image/png', model: 'sdxl' };
}

export default {
  async fetch(req, env) {
    const origin = req.headers.get('Origin') || '';
    const list = String(env.ALLOWED_ORIGIN || '*').split(',').map(s => s.trim()).filter(Boolean);
    const any = list.includes('*'), ok = any || list.includes(origin);
    const cors = {
      'Access-Control-Allow-Origin': any ? '*' : (ok ? origin : list[0] || ''),
      'Access-Control-Allow-Methods': 'GET, POST, OPTIONS',
      'Access-Control-Allow-Headers': 'Content-Type',
      'Access-Control-Expose-Headers': 'X-Provider',
      Vary: 'Origin'
    };
    if (req.method === 'OPTIONS') return new Response(null, { status: 204, headers: cors });
    if (!ok) return reply({ error: 'This site is not allowed to use the Worker.' }, 403, cors);
    if (req.method === 'GET') return reply({ ok: true, text: [], image: env.AI ? ['workers-ai'] : [] }, 200, cors);
    if (req.method !== 'POST') return reply({ error: 'Use POST.' }, 405, cors);
    if (!new URL(req.url).pathname.replace(/\/+$/, '').endsWith('/image'))
      return reply({ error: 'This Worker only makes images.' }, 404, cors);
    if (!env.AI) return reply({ error: 'Add a Workers AI binding named AI in the Worker settings.' }, 500, cors);
    if (limited(req.headers.get('CF-Connecting-IP') || 'unknown')) return reply({ error: 'Too many requests. Wait a minute.' }, 429, cors);

    let body;
    try {
      const raw = await req.text();
      if (raw.length > 4096) return reply({ error: 'Request too large.' }, 413, cors);
      body = JSON.parse(raw);
    } catch (e) { return reply({ error: 'Send valid JSON.' }, 400, cors); }

    const subject = String((body && body.subject) || '').replace(/\s+/g, ' ').trim().slice(0, 120);
    if (!subject) return reply({ error: 'Describe the photo first.' }, 400, cors);
    const style = STYLES[body.style] || STYLES.natural;
    const dims = DIMS[body.aspect] || DIMS['2:3'];
    const prompt = subject + ', ' + style + ', photographic background, soft natural light, shallow depth of field, ' +
      'clean composition with empty space for text overlay, no text, no letters, no logos, no watermark';
    try {
      const out = await generate(env, prompt, dims[0], dims[1]);
      return new Response(out.buf, { status: 200, headers: { ...cors, 'Content-Type': out.type, 'X-Provider': 'workers-ai ' + out.model, 'Cache-Control': 'no-store' } });
    } catch (e) {
      return reply({ error: 'Cloudflare Workers AI is busy or out of free allowance for today. Try again later.' }, 503, cors);
    }
  }
};

Google Gemini key Get key Groq key Get key OpenRouter key Get key Hugging Face token, for images Get token Use Pollinations, no key needed (text and images)

Use one account per provider. Never share a page that has your keys saved in it.

Text cleaner

Paste any text

Result

Bulk pins

One title per line, up to 30. Each uses your current design.

Output size

Save each image with right click, or press and hold on a phone.