JavaScript Prettier

Open-source JavaScript projects categorized as Prettier
Edit details
Topics: Eslint TypeScript React Jest JavaScript
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
Sponsored

Top 23 JavaScript Prettier Projects

  • prettier

    Prettier is an opinionated code formatter.

    • Project mention: Shared Data-Layer Setup For Micro Frontend Application with Nx Workspace | dev.to | 2024-04-25

    Prettier: An opinionated code formatter that enforces a consistent code style.

  • flowbite

    Open-source UI component library and front-end development framework based on Tailwind CSS

    • Project mention: My Failed Student Housing App | dev.to | 2024-04-23

    TailwindCSS (with Flowbite)

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • eslint-config-prettier

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

    • Project mention: Adding code formatting, linting, pre-commit hooks and beyond... | dev.to | 2023-11-01

    As I was reading the Prettier documentation I stumbled upon this blob which talks about how to make ESLint and Prettier play nicely with each other. It instructed to install eslint-config-prettier dependency in my project using the command npm install --save-dev eslint-config-prettier. Then I added prettier as part of the .eslintrc.cjs' extends array making prettier dependency part of the linting process. Lastly, I ran its cmd line helper npx eslint-config-prettier path/to/main.js to check if there were any ESLint rules which are unnecessary or would conflict with Prettier. The test results came out fine with no unnecessary or conflicting rules. The use case on how it works and why to use it is mentioned here.

  • prettier-eslint

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

    • Project mention: help with create-react-app and eslint/prettier | /r/reactjs | 2023-07-01

    Use the other one, prettier-eslint this is so that the code goes through Prettier before ESLint and not the other way around causing it to show issues that will be fixed once ESLint fixes it.

  • eslint-plugin-prettier

    ESLint plugin for Prettier formatting

    • Project mention: Create React UI Lib 1.1: Ladle and ESLint | dev.to | 2023-07-08

    You can also add ESLint now (props to @femincan for the suggestion). It comes with recommended settings for these plugins: typescript, prettier, react, react-hooks, jsx-a11y.

  • eslint-config-wesbos

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

    • Project mention: How to share components and styles between multiple Vue projects. | /r/vuejs | 2023-12-10

    ultra simple example of commands to run can be seen in https://github.com/wesbos/eslint-config-wesbos - a “package” can be any sort of files like config or styles

  • lad

    Node.js framework made by a former @expressjs TC and @koajs team member. Built for @forwardemail, @spamscanner, @breejs, @cabinjs, and @lassjs.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo

  • 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!

  • plugin-ruby

    Prettier Ruby Plugin

    • Project mention: Unveiling the big leap in Ruby 3.3's IRB | news.ycombinator.com | 2023-12-23

  • prettier-plugin-organize-imports

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

  • 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 + Opera :fire:

  • prettier-standard

    Formats with Prettier and lints with ESLint+Standard! (✿◠‿◠)

  • MEVN-CLI

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

  • pro-react-admin

    基于React: v18.x.x/Webpack: v5.x.x//Vite: 4.x.x/React Router v6.x.x/ Antd: v5..x.x/Typescript: v5.x.x/Fetch Api/等最新版本进行构建的企业级中台前端基础模板...

  • prettier-eslint-cli

    CLI for prettier-eslint

  • web-configs

    Common configurations for building web apps at Shopify

  • webpack-react-boilerplate

    Minimal React 16 and Webpack 4 boilerplate with babel 7, using the new webpack-dev-server, react-hot-loader, CSS-Modules (by HashemKhalifa)

  • expo-disneyplus

    Disney+ UI Clone with React Native & Expo

  • carbonate

    Github Action to format fenced code blocks in github issues as images. Originally created as part of DEV Github Actions hackathon: https://dev.to/callmekatootie/jazz-up-the-code-blocks-in-github-issues-52e6

  • mullet

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

  • vs-code-prettier-eslint

    A Visual Studio Code Extension to format JavaScript and TypeScript code using the prettier-eslint package.

  • React-Native-Boilerplate

    🚀🎉📚 Boilerplate and Starter for React Native, Expo, NativeWind and TypeScript ⚡️ Made with developer experience first: React Native + Expo + TypeScript + ESLint + Prettier + Husky + Lint-Staged + Jest + Detox + VSCode + NativeWind (by ixartz)

  • prettier.el

    Prettier code formatting for Emacs.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
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).

JavaScript Prettier related posts

Index

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

Project Stars
1 prettier 48,241
2 flowbite 6,917
3 eslint-config-prettier 5,225
4 prettier-eslint 3,929
5 eslint-plugin-prettier 3,171
6 eslint-config-wesbos 2,710
7 lad 2,258
8 vue-web-extension 1,569
9 plugin-ruby 1,445
10 prettier-plugin-organize-imports 962
11 react-typescript-web-extension-starter 892
12 prettier-standard 870
13 MEVN-CLI 821
14 pro-react-admin 686
15 prettier-eslint-cli 531
16 web-configs 457
17 webpack-react-boilerplate 396
18 expo-disneyplus 296
19 carbonate 237
20 mullet 194
21 vs-code-prettier-eslint 174
22 React-Native-Boilerplate 168
23 prettier.el 159

Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com