Your next ideal editor setup is one click away.
A growing list of Font and Theme Presets that developers have tried and kept. Preview how each one feels, then copy its Settings into your editor.
// EditorSetup: Font and Theme Presets you can preview and copy.const preset = { project: "EditorSetup", font: "Geist Mono", theme: "Vesper", editor: "Your Editor", functions: ["browse", "preview", "copy", "compare"],}; console.log(preset.project, "-> preview a Preset, then copy it");console.log(preset.functions);// => ["browse", "preview", "copy", "compare"]const ok = preset.functions.length >= 4 && preset.theme !== "";console.log(ok); // => trueTake a look around.
See what we have so far. Search, or filter by Editor and Appearance to find one that suits you.
Open PresetsCan’t pick?
Line up to 3 Presets side by side and keep the one you could look at all day.
Open CompareFound your favorite?
Copy its Settings, a few lines of plain text, and paste them into your editor.
Couldn’t find what you’re looking for?
Try Preset Studio. It comes with open Fonts and Themes, and you can bring your own.
Open Preset StudioShare yours.
Three steps, no account. Your Preset joins the others through a pull request.
Make the Snapshot
Try your Font and Theme on your own code in Preset Studio, then save a 1600×900 image.
Add the Preset file
One JSON file with the Font, the Theme and the Settings, next to your Snapshot in the repository.
Open a pull request
Send both files on GitHub. Once it is merged, your Preset is on the site for everyone.
Questions
Something else? Write to abokahfa@gmail.com.
What is EditorSetup?
A list of Font and Theme Presets from real editor setups. Each Preset has Settings you can copy and a Snapshot of how it looks.
Do I need an account?
No. Browse the Presets, open a Preset and copy its Settings. Adding a Preset is a pull request on GitHub.
Which Editors are supported?
VS Code and Zed for now. A Preset can have a Config for one or both.
Is it free?
The site is free. Each Font and Theme has its own License, shown on every Preset as Open or Free.
Can I use a Preset at work?
It depends on its Font and Theme. Open means free to use and to embed. Free means no cost but restricted, for example to private use. A Preset shows the strictest of the two, so read its terms before you use it for work.
How do I add a Preset?
Open a pull request with a Preset file and its Snapshot. Make the Snapshot in Preset Studio, or with the snapshot-studio skill in Claude Code. There is no form on the site.