PluginStats@chazuk/prettier-plugin-angular-sort-attributes weekly downloads statistics
By chazuk · npm · Prettier plugins
Prettier plugin that sorts Angular HTML template attributes
@chazuk/prettier-plugin-angular-sort-attributes has 32 recorded weekly downloads on npm, a decrease of 70.1% over the past 30 days.
It ranks #1793 of 2,256 tracked npm listings by weekly downloads.
Over 90 days, weekly downloads changed by -85.3%.
PluginStats has 121 daily observations since Jun 19, 2026; the latest is from Oct 17, 2026.
About @chazuk/prettier-plugin-angular-sort-attributes
@chazuk/prettier-plugin-angular-sort-attributes
A Prettier plugin that sorts attributes on Angular HTML template elements into a consistent, readable order.
Installation
Configuration
Add the plugin to your Prettier config:
Works on .html files and inline template strings inside TypeScript component files.
Default attribute order
Attributes are grouped and sorted in this order:
| # | Group | Examples |
| 1 | Structural directives | *ngIf, *ngFor, *ngTemplateOutlet | | 2 | Animation triggers | @fade, [@slide]="state" | | 3 | Element references | #myComponent | | 4 | Standard HTML attributes | class, id, style, aria-*, data-* | | 5 | Non-interpolated string inputs | foo="bar" | | 6 | Property bindings | [value]="theValue" | | 7 | Two-way bindings | [(ngModel)]="email" | | 8 | Event bindings | (click)="onClick()" |
Within each group, attributes are sorted alphabetically.
Custom order
Use angularSortAttributesOrder to override the ordering with group tokens, specific attribute names, or a mix of both.
Available group tokens:
| Token | Covers |
| | *ngIf, *ngFor, … | | | @fade, [@slide]="state", … | | | #myRef | | | class, id, aria-*, data-*, … | | | foo="bar", [value]="v" (string inputs + property bindings) | | | [(ngModel)]="…" | | | (click)="…" |
Reordering groups
Swap the position of entire groups — here outputs come first:
Promoting specific attributes to the top
List attribute names before the group tokens to pull them out of their group and pin them first:
id and class are pulled to positions 1 and 2. Other (aria-label) stay in their group further down.
Partial order — specifying only some groups
You don't need to list every group. Any attribute not covered by your custom order falls back to its default group position, placed after all explicitly ordered entries:
*ngIf, id, and class are pinned first in the specified order. The remaining attributes — foo, [loading], (click) — follow in their default group order (string inputs → property bindings → outputs).
Requirements
• Node.js 18+ • Prettier 3+
License
ISC
Description from the npm listing.
- prettier
- prettier-plugin
- angular
- html
- sort
- attributes
Where @chazuk/prettier-plugin-angular-sort-attributes sits in the listing
Each band is one page of 20. Weekly downloads on a log scale. Placement is projected from weekly downloads, so it can differ from the marketplace's own sort order. Hover a dot to see the listing.
Charts
Images: 30d · 1y · all time · 1600×900 dark
Adoption over time
7/30/90-day growth
Filled points are observed values; hollow points come from Internet Archive snapshots of the listing page. Dashed segments span periods with no observations — values between points are not interpolated.
Recent observations
Full history (121)Similar npm Prettier plugins plugins
Data source
Weekly downloads (trailing 7 complete days) come from the official npm downloads API. Downloads include CI and mirrors and are not equivalent to installs or users. npm publishes no ratings.
Listing: https://www.npmjs.com/package/@chazuk/prettier-plugin-angular-sort-attributes. First seen Oct 16, 2026; last successful collection Oct 19, 2026. See the methodology.