🎨 AI Favicon Generator

\n setText(e.target.value)}\n placeholder=\"Enter keyword or emoji (e.g. treasure)\"\n className=\"border p-2 rounded w-64 mb-2\"\n />\n setColor(e.target.value)}\n className=\"border p-2 rounded w-32 mb-2\"\n />\n setSize(parseInt(e.target.value))}\n className=\"border p-2 rounded mb-4\"\n >\n {[16, 32, 64, 128].map((s) => (\n \n ))}\n \n \n {loading ? \"Generating...\" : \"Generate\"}\n \n {imageUrl && (\n

Right-click → Save image as...

\n )}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\nexport { client };\n\nexport async function server(req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname === \"/api/generate\" && req.method === \"POST\") {\n const { text, color, size } = await req.json();\n const prompt = `favicon icon of ${text || 'logo'}, minimalist, ${color} background, vector, ${size}x${size}`;\n const imageUrl = `https://maxm-imggenurl.web.val.run/${encodeURIComponent(prompt)}`;\n\n return Response.json({ url: imageUrl });\n }\n\n // Generate the favicon for this project itself\n const siteFaviconPrompt = 'favicon icon of a magic paintbrush creating a small colorful icon, minimalist vector flat design, blue background, 64x64';\n const siteFaviconUrl = `https://maxm-imggenurl.web.val.run/${encodeURIComponent(siteFaviconPrompt)}`;\n\n return new Response(`AI Favicon Generator

`, {\n headers: { \"content-type\": \"text/html\" },\n });\n}\n\nexport default server;","deleted","label",[98],"permalink","https://www.val.town/x/dcm31/favicon-generator/code/main.tsx","extension","actionData","errors"]