最新更新

我們剛剛發布了 Tailwind CSS v4.0 — 這是一個全新的框架版本，針對效能和靈活性進行了優化，具有重新設計的配置和客製化體驗，並充分利用了 Web 平台所能提供的最新進展。

大約八個月前，我們 公開了我們在 Tailwind CSS v4.0 上的進展。經過數百小時的錯誤修復、令人沮喪的向後相容性工作以及排除 Windows CI 失敗後，我很高興終於標記了第一個公開測試版發布。

在過去的幾個月裡，我們一直在為 Tailwind UI 開發新的 SaaS 行銷網站範本。它叫做 Radiant，您可以立即開始使用它。

我們剛剛發布了適用於 React 的 Headless UI v2.1，它極大地簡化了我們的轉換 API，並增加了對將多個對話框呈現為同級元素的支持。

我們剛剛發布了新版本的 `prettier-plugin-tailwindcss`，它增加了對排序時刪除不必要的空白和重複類別的支持。

自發布開發預覽以來，我們剛剛發布了 Catalyst 的第一個主要更新，其中包含兩個新的應用程式佈局、導航欄和側邊欄元件、描述清單等等。

當涉及到尋找改進事物的方法時，沒有什麼比使用您自己的工具實際構建真實的東西更好的了。當我們在過去幾個月裡開發 Catalyst 時，我們對 Headless UI 進行了數十項改進，讓您可以編寫更少的程式碼，並使開發人員體驗更好。

我們正在招聘一名設計工程師和一名資深軟體工程師，與我們一起開發一些雄心勃勃的新項目。這兩個職位都是完全遠端的，薪水為 275,000 美元。

去年夏天在 Tailwind Connect 上 我分享了 Oxide 的預覽 — 這是我們一直在開發的 Tailwind CSS 的新高效能引擎，旨在簡化開發人員體驗並利用自 Tailwind 首次發布以來 Web 平台的演變。

今天就是這個日子 — 我們剛剛發布了 Catalyst 的第一個開發預覽，這是我們第一個完全元件化的、包含所有功能的應用程式 UI 工具組，適用於 React，正好趕上您的假日駭客行動。

沒有什麼比構建 一個主要的新產品更能發現您希望在自己的工具中擁有的所有功能了，因此我們利用了一些靈感並將其轉化為此 — Tailwind CSS v3.4。

我們剛剛發布了 Heroicons v2.1，其中包括一個全新的微型樣式 — 一整套將近三百個 16×16 圖示，專為更緊密、更高密度的 UI 設計。

我們剛剛發布了 Studio — 一個漂亮的新代理網站範本，我們在過去幾個月裡一直在為 Tailwind UI 開發。

上個月，200 多人在我的家鄉安大略省劍橋市聚在一起，閒逛、談生意，並了解我們一直在開發的一些新東西。

在過去的四個月裡，我們在 Tailwind UI 上所做的工作可能比以往任何時候都多，並且在終於完成了我們想要實現的目標後，我很高興為您一一列出。

Tailwind CSS v3.3 終於來了 — 它帶來了許多人們一直以來要求的的新功能，以及許多您甚至不知道自己想要的新東西。

經過數月的製作，我很高興終於發布我們的下一個網站範本 — Protocol，一個美麗的入門工具組，用於建構驚人的 API 參考網站。

嗯，又到了這個時候了！我們很快從 「我真的不知道我們還能在新的 Tailwind 版本中加入什麼」到 「哇，這實際上是大量的新東西 — 我們最好在事情完全失控之前標記一個版本」.

我們剛剛發布了一個適用於 Tailwind UI 的令人驚嘆的全新個人網站範本，從頭開始重新設計了 Heroicons，標記了一個具有一些令人興奮的新功能的 Headless UI 新版本等等。

關於我們剛發佈的全新 Tailwind UI 範本、官方 Tailwind CSS 工作版，以及未來幾週內即將推出的一系列新專案。

在我程式設計生涯的早期，我喜歡追蹤 thoughtbot。他們總是撰寫有趣的程式設計文章並製作精彩的螢幕錄影。

自從我們發佈 Tailwind CSS v3.0 以來已經過了約六個月，雖然我們從那時起在程式碼庫中收集了很多小改進，但我們就是沒有 那個決定性的功能 讓你說「好吧，是時候發佈了」。

我已經有一段時間沒有寫關於我們一直在做的事情了，所以我有很多要分享！ 說實話太多了 — 我發佈這次更新的主要動力是，我們下週將有更多東西要推出，而且我覺得在我分享所有已發佈的東西之前，我不能分享那些東西。所以請穿上你的泳衣，靠在你的躺椅上，準備好吸收一些維生素 CSS。

我們剛剛發佈了 Headless UI v1.5，其中包括一個全新的 Combobox 組件。組合框就像選取控制項，但具有自動完成/預先輸入功能。

人們一直在討論在 Tailwind 專案中對您的工具類別進行排序的最佳方式，至少已經 四年了。今天我們很高興宣佈，您終於可以使用我們官方的 Tailwind CSS Prettier 外掛程式來停止擔心這個問題。

今天我們要宣佈下一個版本的 Tailwind CSS 排版外掛程式，它帶來了簡單的深色模式支援、全新的自訂 API 以及我不太確定我們是否能找出如何支援的 `not-prose` 類別。

Tailwind CSS 是用 JavaScript 編寫的，並以 npm 套件的形式發佈，這意味著您一直都需要安裝 Node.js 和 npm 才能使用它。今天我們要宣佈一個新的 獨立 CLI 版本，它可以在一個獨立的可執行檔中提供 Tailwind CLI 的完整功能 — 無需 Node.js 或 npm。

Tailwind CSS v3.0 終於登場 — 帶來令人難以置信的效能提升、巨大的工作流程改進以及數量驚人的新功能。

經過近 6 個月的製作，我們終於發佈了 Tailwind UI 電子商務 — 自 2020 年 2 月首次發佈以來，Tailwind UI 的第一個全新組件套件。

我們剛剛發佈了 Headless UI v1.4，其中包括一個全新的 Tab 組件，以及用於更輕鬆地手動關閉 Popover 和 Disclosure 組件的新 API。

好吧，我不能說我們真的有計劃，但在過去幾週，我們一直在 Tailwind 中加入大量新的、令人興奮的功能，現在感覺是時候發佈了，所以它來了 — Tailwind CSS v2.2！

去年我們發佈了 Tailwind UI — 一個使用 Tailwind CSS 建構的專業設計 UI 範例的大型目錄。到目前為止，Tailwind UI 中的所有範例都是純 HTML，這可以說是所有網頁開發人員的最低公分母，並且可以將它們調整為任何範本語言或 JavaScript 框架。

去年秋天我們宣佈了 Headless UI，一個完全無樣式、完全可存取的 UI 組件庫，旨在與 Tailwind CSS 完美搭配。今天我們非常高興發佈 Headless UI v1.0，它使 React 和 Vue 的組件數量增加了一倍以上。

自 Tailwind CSS v2.0 以來的首次新功能更新已經到來，並載有許多很酷的東西！我們已將新的 JIT 引擎合併到核心，新增了對可組合 CSS 篩選器的第一級支援，新增了混合模式實用程式，以及更多功能。

就在一年多前，我們發佈了第一個版本的 Heroicons，這是一組我們與 Tailwind UI 一起設計的美麗 UI 圖示。從那時起，我們新增了大量新圖示，並設計和啟動了專用的網站體驗。今天我們很高興終於發佈 Heroicons v1.0，其中包括 450 多個免費圖示，有兩種樣式、官方 React 和 Vue 程式庫以及 Figma 資產。

多年來，隨著我們改進 Tailwind CSS，我們必須處理的最困難的限制之一是開發中產生的檔案大小。如果對設定檔進行足夠的自訂，產生的 CSS 可能會達到 10MB 或更多，而建置工具甚至是瀏覽器本身只能承受如此多的 CSS。

多年前，我收到 Steve 的訊息，內容大約是 「我之前有跟你分享過這個人的 Dribbble 個人資料嗎？已經關注他很久了，是我發現過最喜歡的一些作品」。那個人是 James McDonald，而今天我們非常興奮地分享 James 將全職加入我們的團隊。

今天我們很高興發佈 Tailwind CSS：從零到生產，這是一系列新的螢幕錄影，教您從頭開始使用 Tailwind CSS v2.0 運作所需的一切知識。

我們去年夏天開始與 David Luhr 合作，以專案為基礎，協助我們開發 Figma 版本的 Tailwind UI (幾乎準備就緒！)，並在建構 Tailwind UI 範本時利用他的可存取性專業知識，確保我們遵循最佳實務並交付可供所有人使用的標記，無論他們使用什麼工具來瀏覽網頁。

想像一下，您正在實作您或您團隊中的某個人在 Figma 中精心製作的漂亮設計。您已經在每個斷點上完成了所有不同的版面配置，完善了空白和排版，並且您使用的攝影作品確實使設計栩栩如生。

它看起來非常棒 — 直到您將其連接到您的實際生產內容，並意識到您的精美部落格卡片網格崩潰了，因為當然，真正的文章摘錄並非都神奇地恰好是三行長，現在每張卡片的高度都不同。

聽起來很熟悉嗎？如果是這樣，line-clamp 外掛程式可以幫助您。

大約在 18 個月前，我們發布了 Tailwind CSS v1.0，這代表我們致力於穩定性，同時在每個小版本中持續透過令人興奮的新功能來突破界限。

我們剛發布了 Tailwind CSS v1.9，它增加了對配置預設的支持、實用的新 CSS 網格工具、擴展的邊框半徑、旋轉和傾斜比例、有用的輔助功能改進等等！

為了充分利用 Tailwind，您需要一個建置步驟。這是能夠自訂您的 tailwind.config.js 檔案、使用 @apply 提取元件或包含 外掛程式的唯一方法。.

在建構現代 Web 應用程式時，最大的痛點之一是建構自訂元件，例如選單、下拉式選單、切換開關、模態視窗、標籤頁、單選按鈕群組 — 這些元件在每個專案中都非常相似，但永遠不會完全「相同」。

自從我們上次發布任何截圖影片以來，Tailwind 已經添加了很多很酷的東西，所以我們認為錄製一個小系列來涵蓋所有新增功能會是一個好主意。

Tailwind CSS v1.8 現已推出，其中包含一些新的工具、幾個新功能和一個令人興奮的新實驗！

早在二月份，我們就發布了 Tailwind UI，這是一個 HTML 元件範例目錄，旨在讓您可以將其複製並貼到您的 Tailwind 專案中，作為您自己設計的起點。

幾個月前，我們悄悄發布了 Heroicons，一套免費的 SVG 圖示，我們最初設計它是為了支援 Tailwind UI 中的元件。今天，我們正在推出官方的 Heroicons 網路體驗，這讓您可以比以往更輕鬆地搜尋圖示，並將它們快速複製到剪貼簿中作為 Tailwind 就緒的 HTML 或 JSX。

另一個新的 Tailwind 版本來了！這次支援漸層、背景剪裁、使用 @apply 搭配變體工具的實驗性支援，以及更多功能。讓我們深入研究一下！

早在五月份，我們就發布了 我們的第一個職位發佈，以協助我們找到一位全端開發人員加入我們的團隊。在收到近 900 份申請並面試了數十位才華洋溢的人之後，我們很高興終於宣布 Robin Malfait接受了我們提供的職位，並且從今天起正式成為 Tailwind Labs 團隊的一員！

這就像 Tailwind CSS v1.5，只是現在有動畫支援、超出滾動實用工具等等！

今天，我們非常高興地宣布 Simon Vrachliotis 已加入 Tailwind Labs 的開發團隊！（順便說一句，我們剛剛完成了這個新的公司名稱，很酷吧？）

早在六月份，Brad Cornes 就加入了我們公司，成為我們的第一個團隊成員。我們當時沒有部落格來宣布這件事，但遲到總比不到好吧？

我本來希望將 v1.5.0 保留給一些「真正」令人興奮的東西，但我們需要一個新功能來支援新的 @tailwindcss/typography 外掛程式，所以我們提前給您一些新東西。

到目前為止，嘗試使用 Tailwind 為文章、文件或部落格文章設定樣式是一項繁瑣的任務，需要對排版有敏銳的眼光和大量複雜的自訂 CSS。
這就是為什麼我們今天很高興發布 @tailwindcss/typography — 一個外掛程式，可讓您輕鬆使用美觀的排版預設值來設定 vanilla HTML 內容的樣式。

我們團隊相信的一件事是，我們製作的所有東西都應該 用一篇部落格文章封存。強迫自己為我們做的每個專案寫一篇簡短的公告文章，可以作為一個內建的品質檢查，確保我們永遠不會在感覺可以放心地告訴全世界這個專案已經完成之前就稱它為「完成」。

今天，我們正在發布新版本的 Visual Studio Code 的 Tailwind CSS IntelliSense 擴充功能 它將 Tailwind 特定的 linting 添加到您的 CSS 和標記中。