Front-end frameworks and libraries
Link to sectionRankings
Chart
Data
Satisfaction, interest, usage, and awareness ratio rankings.
Technologies with less than 10% awareness not included. Each ratio is defined as follows:
- Satisfaction: would use again / (would use again + would not use again)
- Interest: want to learn / (want to learn + not interested)
- Usage: (would use again + would not use again) / total
- Awareness: (total - never heard) / total
💡
You can click on any technology name to get extra details and a more in-depth look at its related data.
Link to section[en-US] blocks.tools_experience_transitions
Chart
Data
| Would use again | |
| Would not use | |
| Interested | |
| Not interested | |
| Never heard |
React
Vue.js
Angular
Preact
Ember
Svelte
Link to sectionPositive/Negative Split
Chart
Data
This chart splits positive (“want to learn”, “would use again”) vs negative (“not interested”, “would not use again”) experiences on both sides of a central axis.
Bar thickness represents the number of respondents aware of a technology.
Link to sectionOther Tools
Chart
Data
We asked members of the CSS community to share their “pick of the year”
My 2021 Pick: SvelteKit
SvelteKit is a fresh take on building for the web and has an incredibly passionate, growing community of supporters.
We asked members of the CSS community to share their “pick of the year”
Lee Robinson
Director of Developer Relations at Vercel
Link to sectionHow happy are you with the state of front end frameworks?
Chart
Data
Customize Data
Link to sectionRecommended Resources
Sass Fundamentals
Leverage the Sass preprocessing to empower your CSS practices and master styling complex applications.
Thanks to our partners for supporting us! Learn more.