現代CSS框架有很多種，以下是一些主要的CSS框架：
Tailwind CSS：Tailwind CSS是一箇與Bootstrap、Element等不同的CSS框架，它沒有類似btn這樣的組件樣式，而是基於Utility構建的一套CSS。Tailwind CSS的理念是提供一套完整的，最小單位的工具類CSS，再由設計師將它們組合起來。例如，p-4表示padding:1rem,bg-white表示background-color:#fff,flex表示display:flex。要構造出一箇自定義樣式的按鈕，則需要組合使用多箇Tailwind CSS提供的Utility CSS。
SMACSS (Scalable and Modular Architecture for CSS)：SMACSS 提供了一組關於組織和構建可擴展 CSS 架構的指導原則。它強調了基於模塊的開發和分層樣式的概念，使得 CSS 更具可維護性和可擴展性。
OOCSS (Object-Oriented CSS)：OOCSS 的核心思想是將樣式抽象爲可重用的對象，通過定義基礎類和擴展類的方式來構建樣式。OOCSS 強調樣式的模塊化和複用性。
Atomic CSS：Atomic CSS(也稱爲功能類 CSS)是一種將樣式定義爲獨立的原子級類的方法。每個類只負責一箇樣式屬性，通過組合這些類來構建樣式。Atomic CSS 提供了高度的靈活性和可重用性。
CSS-in-JS：CSS-in-JS 是一種將 CSS 樣式直接嵌入到 JavaScript 代碼中的方法。它提供了一種將樣式和組件緊密關聯的方式，使得樣式可以更好地組織和封裝。