{"id":41771,"library":"prettier-plugin-css-grid","title":"prettier-plugin-css-grid","description":"An opinionated CSS Grid formatter for Prettier that automatically formats grid-template-areas and related CSS grid properties. Version 0.1.2 is the current stable release. It works as a Prettier plugin (peer dependency: Prettier ^2.0.0) and requires Node >= 12. Unlike general CSS formatters, this plugin specifically aligns grid cells into a readable ASCII grid, improving developer experience when working with CSS Grid layouts. It is type-safe with included TypeScript definitions.","status":"active","version":"0.1.2","language":"javascript","source_language":"en","source_url":"https://github.com/aaronccasanova/prettier-plugin-css-grid","tags":["javascript","prettier","plugin","css","grid","css-grid","grid-template-areas","grid-areas","typescript"],"install":[{"cmd":"npm install prettier-plugin-css-grid","lang":"bash","label":"npm"},{"cmd":"yarn add prettier-plugin-css-grid","lang":"bash","label":"yarn"},{"cmd":"pnpm add prettier-plugin-css-grid","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency required for plugin to work","package":"prettier","optional":false}],"imports":[{"note":"Plugin is CommonJS only; use require(). Listed as peer dependency—loading is automatic via Prettier plugin resolution.","wrong":"import prettierPluginCssGrid from 'prettier-plugin-css-grid' (ESM default import not supported; CJS only)","symbol":"default","correct":"const prettierPluginCssGrid = require('prettier-plugin-css-grid')"}],"quickstart":{"code":"npm install --save-dev prettier prettier-plugin-css-grid\necho '{\"grid-template-areas\": \"a b\\nc d\"}' > test.css\nprettier --write test.css\ncat test.css","lang":"javascript","description":"Shows installation and formatting of a CSS file with grid-template-areas using Prettier and this plugin."},"warnings":[{"fix":"Update Prettier to v2 or later.","message":"Plugin requires Prettier version ^2.0.0. Using with Prettier v1 will not work.","severity":"gotcha","affected_versions":">=0.1.0"},{"fix":"Upgrade Node to v12 or later.","message":"Node.js version must be >= 12. Older Node versions will cause errors.","severity":"gotcha","affected_versions":">=0.1.0"}],"env_vars":null,"search_vec":"'0.1.2':26 '12':45 '2.0.0':41 'align':53 'area':19,90,93 'ascii':59 'automat':14 'cell':55 'css':4,8,22,48,67,82,85 'css-grid':84 'current':29 'definit':78 'depend':39 'develop':62 'experi':63 'format':15 'formatt':10,49 'general':47 'grid':5,9,17,23,54,60,68,83,86,88,92 'grid-area':91 'grid-template-area':16,87 'improv':61 'includ':76 'javascript':79 'layout':69 'node':44 'opinion':7 'peer':38 'plugin':3,37,51,81 'prettier':2,12,36,40,80 'prettier-plugin-css-grid':1 'properti':24 'readabl':58 'relat':21 'releas':31 'requir':43 'safe':74 'specif':52 'stabl':30 'templat':18,89 'type':73 'type-saf':72 'typescript':77,94 'unlik':46 'version':25 'work':33,65","created_at":"2026-06-04T18:54:01.861252+00:00","updated_at":"2026-06-04T18:54:01.861252+00:00","problems":[{"fix":"Run npm install --save-dev prettier-plugin-css-grid","cause":"Plugin not installed or not in node_modules.","error":"Cannot find module 'prettier-plugin-css-grid'"},{"fix":"Add 'plugins: [\"prettier-plugin-css-grid\"]' to .prettierrc","cause":"Plugin is loaded globally but not detected; Prettier needs a config file to enable plugins.","error":"Error: Could not resolve a prettier configuration file - Using --config or .prettierrc is recommended"}],"ecosystem":"npm","meta_description":null,"install_score":null,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":null,"cli_name":null,"cli_version":null,"type":"library","homepage":"https://github.com/aaronccasanova/prettier-plugin-css-grid#readme","github":"https://github.com/aaronccasanova/prettier-plugin-css-grid","docs":null,"changelog":null,"pypi":null,"npm":"prettier-plugin-css-grid","openapi_spec":null,"status_page":null,"smithery":null,"categories":["devops"],"base_url":null,"auth_type":null,"provenance":{"verified_status":null,"verified_at":null,"last_verified":"2026-06-04","next_check":"2026-09-02","install_tag":null}}