PluginStatsCSS Flexbox Cheatsheet installs statistics
By Dzhavat Ushev (2 listings) · VS Code Marketplace · Programming Languages
Open a flexbox cheatsheet directly in VS Code.
CSS Flexbox Cheatsheet has 360,116 recorded installs on VS Code Marketplace.
It ranks #1029 of 2,500 tracked VS Code Marketplace listings by installs.
It is rated 5.0 out of 5 from 17 ratings.
PluginStats has 3 daily observations since Oct 16, 2026; the latest is from Oct 18, 2026.
Rating: 5.00 / 5 from 17 ratings
About CSS Flexbox Cheatsheet
CSS Flexbox Cheatsheet (link)
VS Code extension that lets you open a flexbox cheatsheet directly in the editor.
Features
The cheatsheet can be opened in a few ways:
• Press Ctrl + Shift + P (Win, Linux) / Cmd + Shift + P (Mac) and search for the Open CSS Flexbox Cheatsheet command. • Press Ctrl + K K (Win, Linux) / Cmd + K K (Mac) keyboard shortcut. • Hover any display: flex declaration and click the Open CSS Flexbox Cheatsheet link in the popup.
Besides the Open CSS Flexbox Cheatsheet link in the hover popup, there’s also an image shown for each flexbox property. This aims to make it easier to understand how each property works without opening the cheatsheet. This is available for the following file types:
• CSS • Less • Sass • Scss
Most properties also have interactive playgrounds that are part of the cheatsheet.
Settings
After opening the cheatsheet, you can select the directionality to be used in the interactive playgrounds. This is especially useful for languages that write from right-to-left (e.g. Arabic). Learn more.
Font and colors
The colors of the cheatsheet automatically adapt to the selected theme. The font is based on the user’s preferred font.
Support my work
If you find this extension useful and would like to support my work, you can buy me a cup of tea. Thank you!
Demo
Using the Open CSS Flexbox Cheatsheet command
Clicking the Open CSS Flexbox Cheatsheet link on hover
Trying the interactive playgrounds
Changing directionality in the interactive playgrounds
Showing an image on hover
Credit
The cheatsheet in this extension is based on the excellent Flexbox Cheatsheet by Darek Kay.
Description from the VS Code Marketplace listing.
- css
- keybindings
- less
- sass
- scss
Where CSS Flexbox Cheatsheet sits in the listing
Each band is one page of 20. Installs on a log scale. Placement is projected from installs, 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
Ranking history
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 (3)Similar VS Code Marketplace Programming Languages plugins
Data source
Install counts, average rating, and rating counts come from the public Visual Studio Marketplace gallery API. Installs are cumulative and exclude updates.
Listing: https://marketplace.visualstudio.com/items?itemName=dzhavat.css-flexbox-cheatsheet. First seen Oct 16, 2026; last successful collection Oct 18, 2026. See the methodology.