gitwtfhub

wtf is ideoboard?

rms80/ideoboard — explained in plain English

Analysis updated 2026-05-18

1TypeScriptAudience · vibe coderComplexity · 2/5LicenseSetup · easy

TL;DR

A browser-based, structured prompt editor and image graph for generating images with Ideogram's v4 model, with no backend server required.

Mindmap

mindmap
  root((Ideoboard))
    What it does
      Structured prompt editor
      Canvas text object boxes
      Prompt graph with branching
    Tech stack
      React
      TypeScript
      Vite
    Use cases
      Build image prompts
      Track prompt versions
      Generate via Ideogram
    Audience
      Vibe coders
      Prompt designers
    Setup
      npm install and dev
      Deploy to Vercel
      Bring your own API key

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Build structured image prompts using tags and canvas-drawn text or object boxes.

REASON 2

Track and branch prompt iterations visually in a graph of generation nodes.

REASON 3

Generate images through Ideogram v4 via either Fal.ai or Ideogram's own API.

REASON 4

Deploy a serverless image-prompting tool to Vercel or a static host with no backend.

What's in the stack?

TypeScriptReactViteTailwindIndexedDB

How it stacks up

rms80/ideoboard0xkinno/neuralvault0xmayurrr/ai-contractauditor
Stars111
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasyhardeasy
Complexity2/54/52/5
Audiencevibe coderdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 5min

Works fully offline with placeholder images, a Fal.ai or Ideogram API key is needed for real image generation.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

Wtf does this do

Ideoboard is a browser based front end for prompting Ideogram's v4 text to image generation model. Rather than typing everything into one plain prompt box, it gives users a structured, spatial editor: a scene is built from a high level description, style fields, reusable text fragments called tags, and boxes drawn directly on a canvas that mark Text or Object regions with their own descriptions and stacking order. From that structured scene, the app generates one or more images. Every prompt used to generate images is tracked as its own node inside a visual graph view, with the images it produced attached to that node. Small edits to a prompt create new nodes chained onto the sequence, and any node can be branched off to start a separate generation path, letting a user explore multiple directions from the same starting point. The app is entirely client side, built with React, TypeScript, Vite, and Tailwind, and it stores all scenes and generated images locally in the browser's IndexedDB rather than on a server. The only outside network calls go to the chosen image generation provider. It can talk to Ideogram through either Fal.ai, called directly from the browser, or Ideogram's own API, which is relayed through a small same-origin proxy because Ideogram does not allow direct browser requests. Each provider uses its own API key, entered in the app's settings and stored only in the browser's local storage, never on a server. If no key is set, the app falls back to a locally rendered placeholder image so the graph and branching flow can still be tried offline. Ideoboard is designed to run without a backend server, typically deployed to Vercel, and is released under the MIT license.

Yoink these prompts

Prompt 1
Help me set up Ideoboard locally and get the dev server running on port 6868.
Prompt 2
Explain how to configure my Fal.ai or Ideogram API key in Ideoboard's Settings dialog.
Prompt 3
Walk me through building a scene with tags and canvas boxes in Ideoboard.
Prompt 4
Show me how to deploy Ideoboard to Vercel as a serverless app.

Frequently asked questions

wtf is ideoboard?

A browser-based, structured prompt editor and image graph for generating images with Ideogram's v4 model, with no backend server required.

What language is ideoboard written in?

Mainly TypeScript. The stack also includes TypeScript, React, Vite.

What license does ideoboard use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is ideoboard to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is ideoboard for?

Mainly vibe coder.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.