Best JavaScript Libraries

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.

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.

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.

Buy or Skip is a curated collection of deeply researched SaaS tools with the best deals available on the internet. We offer SaaS Reviews, Software Comparisons, and Company Insights to help you make an informed decision.

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!

SaaSBoilerplates.dev is a curated directory that showcases a wide range of SaaS boilerplates, starter kits, and frameworks to help developers quickly launch their SaaS projects. The website features a carefully selected collection of tools and resources that cover various aspects of SaaS development, from authentication and payments to user management and deployment. Key Features 1. Extensive collection: SaaSBoilerplates.dev offers a comprehensive selection of SaaS boilerplates, catering to different frameworks, tech stacks, and development needs. 2. Curated by hand: The boilerplates are hand-picked and reviewed by a human to ensure quality, reliability, and relevance. No scraping, no AI-generated crap. 3. Detailed information: Each boilerplate listing includes a description, pricing, and key features to help readers make informed decisions. 4. Variety of use cases: The boilerplates cover a wide range of SaaS applications, including marketplaces, AI tools, landing pages, and more. Benefits 1. Time-saving: By leveraging pre-built boilerplates, developers can significantly reduce the time and effort required to set up the foundation of their SaaS project. 2. Cost-effective: Using boilerplates can help lower development costs by providing a solid starting point and reducing the need for custom development. 3. Scalability: Many boilerplates are designed with scalability in mind, making it easier to grow and expand the SaaS application as it gains traction. 4. Reduced technical debt: By using well-tested and maintained boilerplates, developers can minimise the risk of technical debt and ensure the long-term stability of their SaaS application. By leveraging the resources available on SaaSBoilerplates.dev, users can focus on building their core product features and bringing their SaaS ideas to life faster than ever before.

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!

SaaSBoilerplates.dev is a curated directory that showcases a wide range of SaaS boilerplates, starter kits, and frameworks to help developers quickly launch their SaaS projects. The website features a carefully selected collection of tools and resources that cover various aspects of SaaS development, from authentication and payments to user management and deployment. Key Features 1. Extensive collection: SaaSBoilerplates.dev offers a comprehensive selection of SaaS boilerplates, catering to different frameworks, tech stacks, and development needs. 2. Curated by hand: The boilerplates are hand-picked and reviewed by a human to ensure quality, reliability, and relevance. No scraping, no AI-generated crap. 3. Detailed information: Each boilerplate listing includes a description, pricing, and key features to help readers make informed decisions. 4. Variety of use cases: The boilerplates cover a wide range of SaaS applications, including marketplaces, AI tools, landing pages, and more. Benefits 1. Time-saving: By leveraging pre-built boilerplates, developers can significantly reduce the time and effort required to set up the foundation of their SaaS project. 2. Cost-effective: Using boilerplates can help lower development costs by providing a solid starting point and reducing the need for custom development. 3. Scalability: Many boilerplates are designed with scalability in mind, making it easier to grow and expand the SaaS application as it gains traction. 4. Reduced technical debt: By using well-tested and maintained boilerplates, developers can minimise the risk of technical debt and ensure the long-term stability of their SaaS application. By leveraging the resources available on SaaSBoilerplates.dev, users can focus on building their core product features and bringing their SaaS ideas to life faster than ever before.

Tomasz Stefaniak made this website and therefore deserves the #1 spot.

Formerly known as NextAuth. It's is an open-source authentication library originally built for NextJS. Auth.js is free to use and comes with over 80 integrations for various third-party identity providers such as Google, Facebook, Auth0, Apple etc. You can use it with your own database if you choose to. It works with MySQL, Postgres, MSSQL and MongoDB. Auth.js is compatible with Next.js, SvelteKit and SolidStart as of March 2024.

Lucia is an open source auth library that abstracts away the complexity of handling sessions. It works with any JS runtime - Node.js, Bun, Deno, Cloudflare Workers. It's also fully typed. It integrates with MongoDB. PostgreSQL, MySQL, SQLite, and with their respective ORMs and query builders.

Formerly known as NextAuth. It's is an open-source authentication library originally built for NextJS. Auth.js is free to use and comes with over 80 integrations for various third-party identity providers such as Google, Facebook, Auth0, Apple etc. You can use it with your own database if you choose to. It works with MySQL, Postgres, MSSQL and MongoDB. Auth.js is compatible with Next.js, SvelteKit and SolidStart as of March 2024.

Lucia is an open source auth library that abstracts away the complexity of handling sessions. It works with any JS runtime - Node.js, Bun, Deno, Cloudflare Workers. It's also fully typed. It integrates with MongoDB. PostgreSQL, MySQL, SQLite, and with their respective ORMs and query builders.

Formerly known as NextAuth. It's is an open-source authentication library originally built for NextJS. Auth.js is free to use and comes with over 80 integrations for various third-party identity providers such as Google, Facebook, Auth0, Apple etc. You can use it with your own database if you choose to. It works with MySQL, Postgres, MSSQL and MongoDB. Auth.js is compatible with Next.js, SvelteKit and SolidStart as of March 2024.

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.