open-higgsfield README

The project's README from github.com/wide-trace/open-higgsfield. As one markdown file: README.md.

OpenHiggsfield AI — Open-Source Alternative to Higgsfield AI

The free, open-source alternative to Higgsfield AI. Generate images and videos with 32 models from one prompt bar — no closed ecosystem, no studio subscription.

🌐 Try it Online — No Install Required

Hosted version: openhiggsfield.ai

Image and Video in one studio, in the browser — no Node.js, no setup. Add your platform key (id:secret) to start generating. The studio itself is free.


Why OpenHiggsfield AI instead of Higgsfield AI?


Next.js 16 App Router on Vercel · React 19 · plain CSS · Zustand · pnpm


Features

Generate

State and errors


Architecture

Each generate is one object: { model, prompt, media, settings }.


Getting started

pnpm install
pnpm dev            # http://localhost:3000

Open the studio, press Add key, and paste your platform key as id:secret.

Environment

HF_API_BASE_URL=                      # generation API origin, server only
OPEN_HIGGSFIELD_READ_WRITE_TOKEN=     # Vercel Blob read-write token

Commands

Command What it does
pnpm dev Dev server on port 3000
pnpm build Production build
pnpm start Serve the production build
pnpm brand Rebuild the icons and OG card in public/

Layout

src/
  app/          /  is the full-viewport studio and the only page
                /api/blob issues upload tokens
                base.css owns the document canvas
  generation/   generate requests, server actions, API mapping, catalog, stores
  openhiggsfield/
                the studio surface: composer, gallery, viewer, model picker,
                settings, asset picker, selection bar — and openhiggsfield.css

Design principles

Dark studio ground, a single lime accent #d1fe17, Inter throughout. The chrome stays neutral so the generated work is the only color on the surface.

  1. The tool disappears into the task — expression never obscures state or affordance.
  2. Accent is state, not decoration — selection, primary action, liveness only.
  3. Data is data — settings, counts and durations read in tabular numerals. One typeface throughout; no monospace anywhere.
  4. Motion conveys state — the generation lifecycle, the arrival of a run. Nothing loops decoratively.
  5. Every control ships all its states — hover, focus, active, disabled, loading, error, empty.
  6. The catalog is the source of truth — the studio renders what the model declares, never a parallel hardcoded list.

Built for people who work in long sessions, iterating on prompts, inputs and settings.

open-higgsfield (wide-trace/open-higgsfield)

Searching Database…

这是什么?OpenHiggsfield AI 是一个免费、开源、可自托管的 studio,可通过一个提示词输入栏生成图像和视频,使用 32 种不同的 AI 模型(8 个图像模型、24 个视频模型),每个模型都拥有自己的设置面板,生成的结果都会进入同一个共享画廊。
这是我可以在其上构建的框架,还是开箱即用的应用?它是一个开箱即用的 Web 应用(一个 Next.js studio),而不是库或框架——你只需克隆它、自行托管,然后直接将其用作图像/视频生成工具。
我如何让它运行起来?使用标准的 Next.js 脚本:`pnpm dev` 在端口 3000 上运行开发服务器,`pnpm build`/`pnpm start` 构建并提供生产环境服务,也可以完全跳过安装,直接使用 openhiggsfield.ai 上的托管版本。
我需要自己的 API 密钥才能进行生成吗?是的——你必须提供自己 id:secret 格式的生成平台密钥;应用会打开一个弹窗要求输入该密钥,没有它生成便无法开始。
历史记录和已保存的文件有什么需要注意的地方?生成历史仅保存在浏览器的 IndexedDB 中,上限为 60 条记录(收藏项不受此限制);由于媒体 URL 指向生成平台自己的 CDN,一旦该 CDN 使旧内容过期,旧条目可能会失效。
我的历史记录或密钥会被发送到你们的服务器吗?历史记录保留在客户端,即你浏览器的 IndexedDB 中;你输入的平台密钥仅存储在由 server action 设置的 httpOnly cookie 中,浏览器从不直接与生成 API 通信。
它支持多少个模型,都是哪些?共 32 个模型——8 个用于图像,24 个用于视频——包括 Soul 2、Soul Cinema、Kling 3 各变体、Wan、Flux、Ideogram、Recraft、LTX、MiniMax、PixVerse、Grok 和 Qwen,所有模型都可以在一个目录中搜索。
我可以用相同的设置重新进行之前的生成吗?可以,画廊中的“Reuse”操作会恢复任意历史运行的确切模型、设置和提示词,让你直接重新渲染,而无需从头重新输入所有内容。
如果我误删了某些内容会怎样?删除操作在 6 秒内可以通过撤销栏恢复,之后才会永久生效。
为什么要构建这个,而不是直接付费使用 Higgsfield AI?为了避免供应商锁定和订阅费用——OpenHiggsfield AI 免费、可自托管,并使用你自己的平台密钥,而不是付费的封闭生态系统 studio。
Creator
wide-trace
Size
0.5 MB
Stars
4.4K
Updated
CommitSep 17
Age
1mo
Commits · 90 Days