gitwtfhub

wtf is field?

nolsova/field — explained in plain English

Analysis updated 2026-05-18

2HTMLAudience · designerComplexity · 3/5LicenseSetup · moderate

TL;DR

A self-hosted private moodboard app for collecting images from your desktop, phone, or any website via a browser extension, all stored on Cloudflare's free tier with no ads or feeds.

Mindmap

mindmap
  root((repo))
    What it does
      Visual collection tool
      Browser extension capture
      Masonry grid viewer
    Tech stack
      Cloudflare Pages
      Cloudflare R2
      Cloudflare D1
      Cloudflare Workers
    Use cases
      Personal moodboard
      Visual inspiration archive
      Image clipping from web
    Audience
      Non-developers
      Designers
      Privacy-minded users
    Features
      Tag and board organizing
      Batch upload
      Full-screen viewer
    Hosting
      Free tier
      API key protection
      Optional login screen

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 a private moodboard of inspiring images collected from across the web.

REASON 2

Create a personal visual archive of reference images organized by tags and boards.

REASON 3

Clip and save images from any website using a Chrome browser extension with source links.

REASON 4

Set up a self-hosted image collection on Cloudflare's free tier with no ads or feeds.

What's in the stack?

HTMLCloudflare PagesCloudflare R2Cloudflare D1Cloudflare Workers

How it stacks up

nolsova/field100/talk_stockalexcybernetic/playground-ai
Stars222
LanguageHTMLHTMLHTML
Last pushed2022-03-24
MaintenanceDormant
Setup difficultymoderatemoderateeasy
Complexity3/53/51/5
Audiencedesignergeneralgeneral

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

How do you spin it up?

Difficulty · moderate Time to first run · 30min

Requires a Cloudflare account plus configuration of R2 storage, D1 database, Pages deployment, and an API key for write operations.

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

Wtf does this do

Field is a self-hosted visual collection tool, best described as a private moodboard you fully control. You can collect images from anywhere: your desktop, phone camera roll, or any website using a browser extension. The core idea is to give your visual inspiration a single quiet space that belongs to you, free from feeds, ads, or algorithms designed to keep you scrolling. Your collection functions as a personal archive or atlas of things you chose to look at. The main interface is a masonry scroll grid that shows everything at once with no cropping. You can organize images using chip-style tags, boards that work like folders, and a filter system that stays out of the way until you need it. A full-screen viewer lets you flip through images, swipe on mobile, or use arrow keys on desktop. An edit panel handles tags, notes, and board assignments in one place. You can batch upload, and the tool auto-resizes images and auto-saves your tagging work. The browser extension works in Chrome, Brave, and other Chromium-based browsers. You can right-click an image on any website and save it directly to your collection. If you click the extension icon, it shows all images on the current page for you to pick from. The source URL and page title are captured automatically as a note. For sites that block direct image downloads, the extension falls back to a screenshot crop. Field runs entirely on Cloudflare's free tier. Image files are stored in a Cloudflare R2 bucket, while metadata lives in a Cloudflare D1 database. Cloudflare Pages hosts the frontend and serverless functions, and Workers handle the API routes. The frontend is a single HTML file with no framework dependencies. An API key protects write operations like upload, edit, and delete. For full privacy including read access, the README recommends using Cloudflare Access to put a login screen in front of the site. The creator notes they are not a developer and built this project collaboratively with AI assistance. The roadmap includes pagination for large libraries, tag renaming, full-text search, a one-click deploy button, and Firefox extension support. The project is MIT licensed.

Yoink these prompts

Prompt 1
I want to set up Field, a self-hosted moodboard on Cloudflare. Walk me through creating a Cloudflare account, setting up an R2 bucket for image storage, creating a D1 database for metadata, and deploying the single HTML file to Cloudflare Pages.
Prompt 2
Help me install and use the Field browser extension in Chrome so I can right-click images on any website and save them to my private collection, including how to configure my Field API key in the extension.
Prompt 3
I have Field running but want to add Cloudflare Access so my moodboard requires a login to view. Guide me through setting up Cloudflare Access to protect my Field Pages site.
Prompt 4
Show me how to organize my Field image collection using tags and boards, including how to batch upload images, add notes, and use the filter system to find specific images later.

Frequently asked questions

wtf is field?

A self-hosted private moodboard app for collecting images from your desktop, phone, or any website via a browser extension, all stored on Cloudflare's free tier with no ads or feeds.

What language is field written in?

Mainly HTML. The stack also includes HTML, Cloudflare Pages, Cloudflare R2.

What license does field use?

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

How hard is field to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is field for?

Mainly designer.

View the repo → Decode another repo

This repo across BitVibe Labs

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