JavaScript Prettier

Open-source JavaScript projects categorized as Prettier | Edit details

Top 23 JavaScript Prettier Projects

  • prettier

    Prettier is an opinionated code formatter.

    Project mention: Gyaani Baba ka ucch Gyaan, aao lelo. Join discord for more | | 2022-01-26
  • eslint-config-prettier

    Turns off all rules that are unnecessary or might conflict with Prettier.

    Project mention: eslint-config-canonical: 1,000+ rules ESLint rules | | 2021-12-14


  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • prettier-eslint

    Code :arrow_right: prettier :arrow_right: eslint --fix :arrow_right: Formatted Code :sparkles:

    Project mention: I always have a hard time configuring my projects | | 2021-02-19

    side note: you can use prettier-eslint (as opposed to the prettier eslint plugin) which runs prettier and then eslint --fix. that way you won't get annoyed by a shit ton red lines from eslint linting with prettier.

  • eslint-config-wesbos

    No-Sweat™ Eslint and Prettier Setup - with or without VS Code

    Project mention: How to create custom reusable ESLint, TypeScript, Prettier config for React apps | | 2021-12-06

    P.S. Development of my custom eslint-config inspired by eslint-config-wesbos.

  • eslint-plugin-prettier

    ESLint plugin for Prettier formatting

    Project mention: The Ultimate Guide to TypeScript Monorepos | | 2021-11-26

    When installing the Prettier and ESLint extensions for VSCode, formatting and linting will also work within VSCode for any files in the monorepo. Only tweak required to make this work is to configure the Prettier plugin for ESLint (see example .eslintrc.json). Otherwise Prettier and ESLint will get in each other’s way and make for a poor editing experience. To make this work, the following two settings will also need to be configured in a .vscode/settings.json configuration (see settings.json):

  • lad

    :boy: Lad is the best Node.js framework. Made by a former Express TC and Koa team member.

  • pretty-quick

    ⚡ Get Pretty Quick

    Project mention: Adding Prettier to a Project | | 2021-07-01

    Set up commit hooks with pretty-quick and husky. First, install them as dev dependencies:

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • vue-web-extension

    🛠️ A Vue CLI 3+ preset (previously a Vue CLI 2 boilerplate) for quickly starting a web extension with Vue, Babel, ESLint and more!

    Project mention: Vue in a Chrome extension | | 2021-11-09

    Junior dev here and I'm a bit confused on what you need to use Vue within a Chrome extension. I found a few articles about it but it's often using this boilerplate: and I'd like to build my own (to really understand how it works).


    Light speed setup for MEVN(Mongo Express Vue Node) Apps

    Project mention: Reference project for VENM | | 2021-05-07

    I created a project with mevn-cli and mongoose was throwing some error trying to create users in mongodb (my stack is down right now so can't check what the exact error was), it wasn't auth I don't think because it seemed like it connected ok, but I'm rebuilding my setup with no-auth for now just to rule that out.

  • react-typescript-web-extension-starter

    :desktop_computer: Web Extension starter kit built with React, TypeScript, TailwindCSS, Storybook, Jest, EsLint, Prettier, and Webpack. Supports Google Chrome + Mozilla Firefox + Brave Browser + Microsoft Edge :fire:

    Project mention: Web Extension starter kit built with React, TypeScript, TailwindCSS, Storybook, EsLint, Prettier, & Webpack | | 2022-01-01
  • prettier-eslint-cli

    CLI for prettier-eslint

  • prettier-plugin-organize-imports

    Make Prettier organize your imports using the TypeScript language service API.

    Project mention: Import order pickiness | | 2021-11-01

    I've used

  • prettier-plugin-solidity

    A Prettier plugin for automatically formatting your Solidity code.

    Project mention: How to deploy your first smart contract on Ethereum with Solidity and Hardhat | | 2021-09-17

    Prettier Plugin Solidity

  • expo-disneyplus

    Disney+ UI Clone with React Native & Expo

  • mullet

    Mullet Stack: Facebook in the front. Walmart in the back. (React, Hapijs, Node)

    Project mention: 🎂 hapi pal v3: Birthday Edition | | 2021-04-11

    Historically hapijs hasn't been very involved in the frontend space, aside from its support for templated sites via vision (without which we would not have!). (Also, shoutout to @lynnaloo's Mullet from many years back!) In pal-land we've already started playing around with some novel server-side UI tooling in the space of server-side rendering, and will continue to iterate and share our results.

  • prettier-plugin-apex

    Code formatter for the Apex Programming Language

    Project mention: Prettier in VS Code not working | | 2021-06-09

    It looks like it might be a separate plugin.

  • eleventy-webpack

    A barebone Eleventy and Webpack boilerplate 🎈

  • sapper-tailwind2-template

    🐝 Sapper and Tailwind 2.0 with all the nuts and bolts 🍯 TypeScript, ESLint, Prettier

    Project mention: 🐝 Sapper Template w/ Tailwind 2.0, TypeScript, ESLint, and Prettier 🍯 | | 2021-02-14

    If you'd like to contribute, feel free to file issues or PRs in the repo!

  • eslint-config-ns

    ESLint config ready to be used in multiple projects. Based on Airbnb's code style with prettier, jest and react support.

  • react-typescript-starter

    Starter for React projects using Atomic design structure with support to both JSX and TSX, using SASS/SCSS, Eslint, Prettier, TailwindcssV2 compiled with Postcss, all of this using Webpack.

  • alfred-prettier-clipboard

    🎨 Format code in your clipboard with Prettier

  • carbonate

    Github Action to format fenced code blocks in github issues as images. Originally created as part of DEV Github Actions hackathon:

    Project mention: Show HN: – Create beautiful images of your code | | 2021-02-17

    I see folks wondering about the use case - so here's one: I created a Github Action for use in Github Actions. The benefits:

    - Easy to view and understand the image of the code v/s the code block text when using a mobile device. Why? Easier to scroll images v/s text.

    - Members will no longer have to rely on the issue reporters and commenters to format their code blocks correctly. Using the in built formatter, the code is always structured properly

    - Maintainers can style the code blocks to suit their project's language and guidelines and not put the onus of this on the issue reporter / commenter


    I used Carbon to generate the images in this case - but you get the gist of what one can use images of code for

  • vitte

    A non SSR Starter Template using Svelte, Vite, Tailwind JIT. And Routify.

    Project mention: Vite is a great all rounder build tool, so I created a starter template to use Vite with Svelte, Routify, Tailwind CSS. | | 2021-03-26
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-01-26.

JavaScript Prettier related posts


What are some of the best open-source Prettier projects in JavaScript? This list will help you:

Project Stars
1 prettier 41,691
2 eslint-config-prettier 3,531
3 prettier-eslint 3,460
4 eslint-config-wesbos 2,332
5 eslint-plugin-prettier 2,270
6 lad 2,128
7 pretty-quick 1,798
8 vue-web-extension 1,374
9 MEVN-CLI 774
10 react-typescript-web-extension-starter 600
11 prettier-eslint-cli 477
12 prettier-plugin-organize-imports 376
13 prettier-plugin-solidity 351
14 expo-disneyplus 206
15 mullet 194
16 prettier-plugin-apex 158
17 eleventy-webpack 118
18 sapper-tailwind2-template 34
19 eslint-config-ns 24
20 react-typescript-starter 18
21 alfred-prettier-clipboard 17
22 carbonate 13
23 vitte 12
Find remote jobs at our new job board There are 30 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.