Best Code Editor Extensions

Prettier is an opinionated code formatter that enforces strict formatting rules to keep your code consistent. This extension allows you to run prettier on save, which is really handy.

AI-generated code autocompletions. Start typing and Copilot will generate code suggestions based on your input. Very often when you start typing the name of your function, it just autocompletes the entire function for you. It's hard to overstate how great this extension is. Does anyone even code without Copilot anymore?

Best tool for saving code notes and finding answers to code problems

This simple extension provides syntax highlighting for .env files.

AppMole is an all-in-one platform featuring a wide range of AI-driven tools and resources tailored for creators, influencers, and developers. It offers various web apps, marketing tools, and design apps, all aimed at streamlining workflows and enhancing productivity. Users can stay updated with the latest AI applications, reviews, and trending software.

Allboilerplates is a directory of starter kits that helps people find boilerplate code for their tech stack. Head on over to allboilerplates.com to find the perfect boilerplate for you!

Looking to implement structured data and don't know where to start? Google has excellent docs that explain what kind of structured data you need to provide to get certain types of search results. Bredcrumbs, articles, carousels, courses, reviews, FAQs, products, recipes and more - it's all covered there!

AI-generated code autocompletions. Start typing and Copilot will generate code suggestions based on your input. Very often when you start typing the name of your function, it just autocompletes the entire function for you. It's hard to overstate how great this extension is. Does anyone even code without Copilot anymore?

Prettier is an opinionated code formatter that enforces strict formatting rules to keep your code consistent. This extension allows you to run prettier on save, which is really handy.

This simple extension provides syntax highlighting for .env files.

There is so much to this extension but the most basic feature is visualizing code authorship. It shows you who made the last change to your current line, the commit message, and when the change was made. Other features include visualizing file history, navigating through git history, rebase editor etc.

CodeMetrics shows you the cognitive complexity of your JavaScript and TypeScript code. If the complexity is too high, you know you need to refactor or simplify.

This strictly speaking isn't a productivity extension but ads are way too distracting. This extension helps you purge them from your browser. Enjoy a calmer browsing experience!

This dead-simple extension allows you to block distracting websites for a period of time your specify. You get to decide which websites to whitelist and which ones to blacklist. Block & Focus comes with statistics, keyboard shortcuts, breaks, and a few other functionalities but is overall a really simple and effective tool.

Momentum replaces your default new tab screen with a beautiful, personalized dashboard. It shows you the time, current weather, and a beautiful landscape photo. It comes with simple productivity tools such as a pomodoro timer, to-do lists, focus time, link lists etc. Even if you don't use the productivity tools, it's just gorgeous to look at.

News Feed Eradicator removes feeds from social media websites to help you use them more purposefully. Feeds are the most addictive parts of most website so this extension really helps you reduce mindless scrolling. News Feed Eradicator supports removing feeds from Facebook, Instagram, YouTube, Twitter/X, LinkedIn, Reddit, Hacker News, and GitHub. You get to pick which feeds to block and which to allow.

Click with your keyboard. Have a bad touchpad? Trouble using a mouse? Love keyboard shortcuts? Link Hints is a browser extension that complements the built-in keyboard shortcuts with ones for clicking. Press Alt+J (Ctrl+J on macOS). This makes little yellow boxes with letters, called hints, appear next to links (and other clickable things). Type the letters to click the link. Alternatively, hold Shift and type a bit of the link text. The keyboard shortcuts and hints are fully customizable. Alt+J: Click links, buttons, etc. Alt+K: Open link in new tab. Alt+L: Open link in new tab and switch to it. Alt+Shift+J: Click many things. Alt+Shift+K: Open many links. Alt+Shift+L: Select element.

This dead-simple extension allows you to block distracting websites for a period of time your specify. You get to decide which websites to whitelist and which ones to blacklist. Block & Focus comes with statistics, keyboard shortcuts, breaks, and a few other functionalities but is overall a really simple and effective tool.

This simple extension provides syntax highlighting for .env files.

News Feed Eradicator removes feeds from social media websites to help you use them more purposefully. Feeds are the most addictive parts of most website so this extension really helps you reduce mindless scrolling. News Feed Eradicator supports removing feeds from Facebook, Instagram, YouTube, Twitter/X, LinkedIn, Reddit, Hacker News, and GitHub. You get to pick which feeds to block and which to allow.

GoFullPage is a simple extension for taking full-page screenshots of websites. It handles all the scrolling and at the end allows you to export the website to png, jpg, or pdf.

Click with your keyboard. Have a bad touchpad? Trouble using a mouse? Love keyboard shortcuts? Link Hints is a browser extension that complements the built-in keyboard shortcuts with ones for clicking. Press Alt+J (Ctrl+J on macOS). This makes little yellow boxes with letters, called hints, appear next to links (and other clickable things). Type the letters to click the link. Alternatively, hold Shift and type a bit of the link text. The keyboard shortcuts and hints are fully customizable. Alt+J: Click links, buttons, etc. Alt+K: Open link in new tab. Alt+L: Open link in new tab and switch to it. Alt+Shift+J: Click many things. Alt+Shift+K: Open many links. Alt+Shift+L: Select element.

AI-generated code autocompletions. Start typing and Copilot will generate code suggestions based on your input. Very often when you start typing the name of your function, it just autocompletes the entire function for you. It's hard to overstate how great this extension is. Does anyone even code without Copilot anymore?

ChatGPT is still the best AI in 2024. I use it for coding pretty much every day and occasionally for one-off tasks and recipes. It's worth the $20/month fee.

This simple extension provides syntax highlighting for .env files.

This strictly speaking isn't a productivity extension but ads are way too distracting. This extension helps you purge them from your browser. Enjoy a calmer browsing experience!

Best tool for saving code notes and finding answers to code problems

News Feed Eradicator removes feeds from social media websites to help you use them more purposefully. Feeds are the most addictive parts of most website so this extension really helps you reduce mindless scrolling. News Feed Eradicator supports removing feeds from Facebook, Instagram, YouTube, Twitter/X, LinkedIn, Reddit, Hacker News, and GitHub. You get to pick which feeds to block and which to allow.

Make AI chatbots in minutes

Click with your keyboard. Have a bad touchpad? Trouble using a mouse? Love keyboard shortcuts? Link Hints is a browser extension that complements the built-in keyboard shortcuts with ones for clicking. Press Alt+J (Ctrl+J on macOS). This makes little yellow boxes with letters, called hints, appear next to links (and other clickable things). Type the letters to click the link. Alternatively, hold Shift and type a bit of the link text. The keyboard shortcuts and hints are fully customizable. Alt+J: Click links, buttons, etc. Alt+K: Open link in new tab. Alt+L: Open link in new tab and switch to it. Alt+Shift+J: Click many things. Alt+Shift+K: Open many links. Alt+Shift+L: Select element.

Prettier is an opinionated code formatter that enforces strict formatting rules to keep your code consistent. This extension allows you to run prettier on save, which is really handy.