Laeyrd
Design your VS Code, not its JSON.
FreeOpen SourceVisual editingIDE237 impressions#145 of its week
Laeyrd is an interactive VS Code theme customizer that lets you edit colors, tokens, fonts and UI styles in real time.
- for
- VS Code users who want to personalize their editor without editing JSON.
- license
- MIT
Key features
- Visual Customization — Edit colors and UI elements of VS Code with a live preview.
- Token Inspection & Editing — View and modify syntax tokens directly from the UI.
- Font & Layout Control — Adjust terminal fonts, editor fonts and layout settings on the fly.
- Instant Theme Creation — Create and apply new themes instantly without restarting VS Code.
- Colors Grouping — Organize related colors into groups for easier management.
- Search & Filter — Find specific theme elements quickly using search and filter tools.
Use cases
- Design a personal VS Code color scheme that matches your brand or mood.
- Fine-tune token colors for better code readability during a debugging session.
- Adjust terminal and editor fonts to reduce eye strain while coding.
- Create and share a complete theme with teammates in minutes.
Laeyrd vs alternatives
 Laeyrd |  Visual Studio Code |  Zed |  Neovim |  Cursor | |
|---|---|---|---|---|---|
| Best for | Live visual theming for VS Code | General code editing | Fast coding with AI assistance | Keyboard-centric development | AI-assisted coding |
| Pricing | Free | Free | Free | Free | Subscription |
| DevHunt upvotes | 0 | 0 | 0 | 0 | 0 |
| Launched | Jan 2026 | — | — | — | — |
- Laeyrd vs Visual Studio Code: Full editor vs. only a theme customizer
- Laeyrd vs Zed: High-performance editor with built-in AI, not focused on theming
- Laeyrd vs Neovim: Vim-based extensible editor, no visual theme UI
- Laeyrd vs Cursor: AI-driven code editor, not a theming tool
Laeyrd FAQ
How do I install Laeyrd?+
Download the VSIX file from the Laeyrd site and install it in VS Code via the Extensions view.
What can I customize with Laeyrd?+
Colors, UI elements, syntax tokens, fonts, layout settings, and you can group colors for easier management.
Is cloud sync available?+
Cloud sync and cross-device support are listed as upcoming features, not currently available.
How can I provide feedback or report issues?+
You can email laeyrd@gmail.com, raise an issue on GitHub, or use the feedback form on the site.
Do I need to edit JSON manually?+
No, Laeyrd provides a fully interactive UI so you never touch the JSON theme files directly.
Summarized by DevHunt from laeyrd.theenggs.com · Oct 6, 2026. Details may change; check the official site.
