https://github.com/juknum/csstats-plus
A browser extension to enhance UI/UX on https://csstats.gg/
https://github.com/juknum/csstats-plus
chrome-extension counter-strike-2 csstats csstats-gg edge-extension firefox-addon
Last synced: 4 months ago
JSON representation
A browser extension to enhance UI/UX on https://csstats.gg/
- Host: GitHub
- URL: https://github.com/juknum/csstats-plus
- Owner: Juknum
- License: mit
- Created: 2024-11-20T22:09:17.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2026-02-07T20:02:11.000Z (4 months ago)
- Last Synced: 2026-02-08T04:12:41.741Z (4 months ago)
- Topics: chrome-extension, counter-strike-2, csstats, csstats-gg, edge-extension, firefox-addon
- Language: TypeScript
- Homepage:
- Size: 16.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# CSStats+
## Summary
CSStats+ is a Web extension that aims to enhance the user experience on the [CSStats](https://csstats.gg/) website by providing better UI/UX features and additional functionalities.
## Before and After comparison
### Player Profile Page
Main tab
|  |  |
|:--------:|:-------:|
| Before | After |
Match history enhancements:
- You can now click on a match to directly access the match page on CSStats.
Most played/success maps improvements:
- All data is shown rather than just top 5 maps.
- Maps are now displayed with their full names instead of filenames.
- Data is properly sorted
- Map icons are displayed next to map names for better visual identification.
- You can now see both amount of matches played/won and the corresponding percentages.
Less cluttered ranks display:
- You can see previous Premier ranks by navigating through them with arrows.
- Community Maps ranks are shown separately.
- You can click on any ranks to filter player's data by that rank type / maps in competitive mode.
Statistics charts:
- If a player has very high K/D or HLTV rating, the charts will turn orange to indicate irregular values.
- Improved visualization of all charts, making it easier to understand player performance.
Maps tab
|  |  |
|:--------:|:-------:|
| Before | After |
- Made the maps icons bigger and use SVG format when available for better quality.
- Map names are now displayed in full instead of using the map filenames, improving readability.
Matches tab
|  |  |
|:--------:|:-------:|
| Before | After |
- Competitive, Wingman and FACEIT ranks are now displayed using SVG images for better quality and scalability.
- Competitive and Wingman ranks now display the rank the player upped or downed to, instead of the final rank after the match.
- Map names are now displayed in full instead of using the map filenames, improving readability.
- Map icons are in SVG format when available, ensuring better visual quality.
### Matches
Expand
|  |  |
|:--------:|:-------:|
| Before | After |
- Wingman matches now show their average rank, fetched from the match page since it's not displayed by default.
- Average ranks icons for FACEIT, Competitive and Wingman matches are now displayed using SVG images for better quality and scalability.
- Map icons are now in SVG format when available, ensuring better visual quality.
### Match page
- Improved the match details header layout:
- Set the map icon to SVG format, centered in the match details header;
- Set the map name below the icon to full name;
- Set the average rank icon below the map name.
- On match tie, the score blue color match the CSStats theme instead of being deep blue.
- Competitive
|  |  |
|:--------:|:-------:|
| Before | After |- Rank up/downgrade are better displayed with arrows and the new/previous rank icon to illustrate the change;
- If a user has no rank, the "unknown rank" icon is now displayed instead of nothing. - Wingman
|  |  |
|:--------:|:-------:|
| Before | After |- Rank up/downgrade are better displayed with arrows and the new/previous rank icon to illustrate the change;
- Ranks shown now use the Wingman rank icons instead of Competitive ones.
- If a user has no rank, the "unknown rank" icon is now displayed instead of nothing. - FACEIT
|  |  |
|:--------:|:-------:|
| Before | After |- FACEIT Levels are now bigger and use SVG format for better quality.
- Premier
|  |  |
|:--------:|:-------:|
| Before | After |- If a user has no rank, the "---" empty state is now displayed instead of nothing.