--- source: 3dbadge.me author: "Joe Woodward" generated: "2026-08-13T05:44:35.372Z" description: "Free browser studio for 3D app badges. Pick a shape, material, and mark, then export PNG, OBJ, or a code recipe. No account needed." --- # 3D Badge > https://3dbadge.me Free browser studio for 3D app badges. Pick a shape, material, and mark, then export PNG, OBJ, or a code recipe. No account needed. 3D Badge (3dbadge.me) is a free WebGL studio by [Joe Woodward](https://joewoodward.co). No account. Open the homepage, pick a badge shape, material, and mark, then export or publish to a shared gallery. ## Use the studio - [Studio](https://3dbadge.me/): design a 3D badge in the browser - [Guide](https://3dbadge.me/guide): how to use the studio, FAQ - Pick a silhouette (squircle, circle, square, hexagon, and others) - Choose a material (metal, enamel, glass, marble, and more) - Set the face mark: live type (Funkis variable font), a Heroicon, or a built-in logo - Publish to the shared gallery, or export PNG, OBJ, or a code recipe ## For agents - [LLM home](https://3dbadge.me/llm/home): markdown product mirror - [LLM guide](https://3dbadge.me/llm/guide): steps and FAQ - [Full dump](https://3dbadge.me/llms-full.txt): one-fetch copy of the product docs - `GET https://3dbadge.me/api/badges`: public JSON list of published badges (`{ badges, configured }`) Do not POST to the gallery unless a human is driving the studio. Publish is a studio action, not an unattended write API. ## Creator Joe Woodward — software designer. [joewoodward.co](https://joewoodward.co) # 3D Badge Free browser studio for 3D app badges. Pick a shape, material, and mark, then export PNG, OBJ, or a code recipe. No account needed. ## Shapes Badges are extruded silhouettes. Available shapes include squircle, circle, square, and hexagon. Corner radius applies on shapes that support it. ## Materials The body uses a material preset (metal, enamel, glass, marble, sketch, and others) with tunable color, roughness, and lighting. An optional HDRI environment (from a public CDN) lights the scene. ## Marks Three mark modes: 1. **Live type** — variable font Funkis ABC, loaded from `/fonts/FunkisABCVariable.ttf`. Weight and axes are adjustable. 2. **Icon** — Heroicons v2 solid glyphs. 3. **Logo** — built-in app marks (JW, Roam, and others shipped with the studio). ## Gallery Published badges live in a shared Vercel Blob library (max 60). Anyone can publish from the studio. Admin delete/update requires a secret entered in the sidebar for that browser tab. ## Exports - PNG snapshot of the canvas - OBJ mesh - Code brief / recipe JSON describing controls so the badge can be recreated ## Limits The studio is a client-side WebGL app. It does not require an account. Gallery storage is shared and capped. There is no MCP server and no agent write API. # Usage recipe 1. Open https://3dbadge.me 2. Click a template under the canvas, or start from the default badge 3. Change shape, material, and mark in the sidebar 4. Export PNG, OBJ, or the code recipe from the studio 5. Optionally Publish to add the badge to the shared gallery 6. Agents: read https://3dbadge.me/llms.txt then https://3dbadge.me/llm/home. List published work with GET https://3dbadge.me/api/badges # 3D Badge guide > https://3dbadge.me/guide Free browser studio for 3D app badges. Pick a shape, material, and mark, then export PNG, OBJ, or a code recipe. No account needed. ## Steps 1. **Open the studio.** Go to https://3dbadge.me. The playground loads in the browser — no install or account. 2. **Choose a template.** Click a template under the canvas, or start from the default gold joe badge. 3. **Edit shape, material, and mark.** Use the sidebar to change silhouette, material, lighting, and the face mark (type, icon, or logo). 4. **Export or publish.** Export PNG, OBJ, or a code recipe. Optionally publish to the shared gallery. ## FAQ ### What is 3D Badge? 3D Badge is a free browser studio for designing 3D app badges. Pick a shape, material, and mark, then export PNG, OBJ, or a code recipe. ### Is 3D Badge free? Yes. The studio is free to use in the browser. No account is required. ### What can I export? PNG for a still, OBJ for a mesh, and a code recipe that describes the badge so you can recreate it in another project. ### What shapes and materials are available? Shapes include squircle, circle, square, and hexagon. Materials include gold, enamel, marble, glass, steel, walnut, and others. Marks can be live type, a Heroicon, or a built-in logo. ### How does the gallery work? Publish from the studio to add a badge to the shared public gallery. The gallery is capped at 60 badges. Anyone can publish; deleting or updating requires an admin secret.