1. 開始使用
  2. 框架指南

安裝

開始使用 Tailwind CSS

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

它快速、靈活且可靠 — 且零運行時。

框架指南

針對一些流行的環境,提供安裝 Tailwind CSS 之建議方法的框架專用指南。

  • Next.js

    功能完善的 React 框架,具有出色的開發人員體驗。

  • Laravel

    PHP Web 應用程式框架,具有富有表現力且優雅的語法。

  • Nuxt

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

  • SolidJS

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

  • SvelteKit

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

  • Angular

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

  • Ruby on Rails

    全端框架,具有建構出色 Web 應用程式所需的所有工具。

  • React Router

    一個以標準為中心的路由器,您可以將其部署在任何地方。

  • Phoenix

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

  • Parcel

    適用於 Web 的零配置建構工具。

  • Symfony

    一個用於建立網站和 Web 應用程式的 PHP 框架。

  • Meteor

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

  • AdonisJS

    適用於 Node.js 的功能完善的 Web 框架。

  • Ember.js

    適用於雄心勃勃的 Web 開發人員的 JavaScript 框架。

  • Astro

    專為速度而設計的多合一 Web 框架。

  • Qwik

    毫不費力地建構即時互動的 Web 應用程式。

  • Rspack

    一個快速的基於 Rust 的 Web 打包器。

沒有看到您選擇的框架嗎? 嘗試使用 Tailwind CLI Vite 插件,或 PostCSS 插件
Copyright © 2025 Tailwind Labs Inc.·商標政策