跳到内容

CSS 框架

提供预先设置好组件和样式库。
Compare Data
Retention, interest, usage, and awareness ratio over time.
Bootstrap
Materialize CSS
Ant Design
Semantic UI
Bulma
Foundation
UIKit
Tachyons
Tailwind CSS
PureCSS
open_props
blaze_ui

Technologies with less than 10% awareness not included. Each ratio is defined as follows:

  • Retention: 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
💡
排行图表可以在满意度、关注度、使用情况和认识程度之间进行切换, 从而让你对每个类别的排名有更全面的了解。

随时间变化的体验

技术体验随时间变化的概览。
还不错
不会再用
感兴趣
不感冒
没听过

不包含只有一年数据的技术。

积极/消极体验拆分图

这张图表将 用户的积极体验(想学习,会再次使用)和消极体验(不感兴趣,不会再次使用) 分别呈现在中轴两侧。 柱状的厚度代表了解某一技术的访问者数量。
我们请了 CSS 社区的成员来分享他们的 "年度精选"。

我的 2022 精选是: Ben Myers 的 “Style with Stateful, Semantic Selectors”

Ben 展示了如何利用 ARIA 属性选择器简单而强大地将外观与状态联系起来。
我们请了 CSS 社区的成员来分享他们的 "年度精选"。

Eric Bailey

可访问性倡导者和 CSS 痴迷者

其他工具

Compare Data

你对CSS框架的现状有多满意?

Compare Data