安裝

開始使用 Tailwind CSS

Tailwind CSS 的運作方式是掃描你所有的 HTML 檔案、JavaScript 元件和其他任何範本中的類別名稱,產生對應的樣式,然後將它們寫入一個靜態 CSS 檔案。

它快速、靈活且可靠——零執行時期開銷。

框架指南

針對特定框架的指南,涵蓋我們推薦在各種熱門環境中安裝 Tailwind CSS 的方式。

  • Next.js

    功能完整的 React 框架,具有良好的開發者體驗。

  • Laravel

    具有表達力、優雅語法的 PHP 網頁應用程式框架。

  • Nuxt

    直覺的 Vue 框架,用於建構通用應用程式。

  • SolidJS

    用於建構簡單、高效能且具響應性使用者介面的工具。

  • SvelteKit

    使用 Svelte.js 建構各種規模應用程式的最快方式。

  • Gatsby

    使用 React 和 GraphQL 建構靜態網站的框架。

  • Angular

    用於建構行動和桌面網頁應用程式的平台。

  • Ruby on Rails

    全端框架,具備建構優秀網頁應用程式所需的所有工具。

  • React Router

    專注於標準的路由器,可以部署到任何地方。

  • TanStack Start

    由 TanStack Router 驅動,支援 React 和 Solid 的全端框架。

  • Phoenix

    使用 Elixir 建構豐富、互動式應用程式的框架。

  • Parcel

    網頁的零設定建置工具。

  • Symfony

    用於建立網站和網頁應用程式的 PHP 框架。

  • Meteor

    用於開發跨平台應用程式的全端 JavaScript 框架。

  • AdonisJS

    功能完整的 Node.js 網頁框架。

  • Ember.js

    為有雄心的網頁開發者打造的 JavaScript 框架。

  • Astro

    專為速度設計的全方位網頁框架。

  • Qwik

    輕鬆建構即時互動的網頁應用程式。

  • Rspack

    基於 Rust 的快速網頁打包工具。

沒有看到你想要的框架?試試使用 Tailwind CLIVite 外掛,或 PostCSS 外掛
Copyright © 2026 Tailwind Labs Inc.·商標政策(Brand)