A free visual GitHub README builder. Compose headers, badges, charts, tables, and Markdown with a live preview, then export clean Markdown.
README Studio is a free, browser-based visual tool for building a GitHub README. It is a Figma-style editor: a document of reorderable blocks, a live preview, and a property inspector that maps to the real badge, header, and chart options. When you are done, it exports clean GitHub-flavored Markdown you can paste straight into README.md.
No signup, no install, no build step. Everything runs in your browser and the output renders identically on GitHub.
Writing a README by hand means hand-crafting badge URLs, remembering <picture> markup for light/dark images, and eyeballing alignment. The Studio removes that friction:
README.md in one click.A README in the Studio is an ordered list of blocks. Add any of:
| Block | What it does |
|---|---|
| Text | Rich text with inline WYSIWYG editing — double-click on the canvas and a selection toolbar appears (bold, italic, code, H1/H2, highlight, link, lists). Edits round-trip to clean Markdown, so headings, lists, tables, code blocks, and task lists all export correctly. Per-block alignment too. |
| Header | A repository header banner: logo, title, tagline, a shadcn-styled or photo (Unsplash) background, served from a single image URL. |
| Badges | A row of badges with a searchable type picker, variants, themes, logos, split styling, per-row alignment, and links. |
| Group | A badge group — multiple badges fused into one joined image with shared rounded edges (shadcn ButtonGroup style). One variant, size, theme, and font apply to every segment. |
| Chart | An issues, commits, npm-downloads, or inline-JSON chart. |
| Table | A spreadsheet-style grid editor with per-column alignment, exported as a GitHub-flavored Markdown table. |
| Image | Any image by URL or repo-relative path, with alignment, width, and an optional link. |
<picture> that follows the reader's light or dark theme. See Light & Dark Mode.Your work is saved to your browser automatically, so a work-in-progress README survives a reload.
The Studio produces standard GitHub-flavored Markdown:
Badges, headers, and charts become image URLs; text blocks pass through as Markdown; tables become Markdown tables; and centered content is wrapped in the small HTML (<p align> / <div align>) that GitHub supports.