Tailwind UI：網站範本與全面存取

在我程式設計生涯的早期，我喜歡追蹤

thoughtbot。他們總是撰寫有趣的程式設計文章、製作精彩的螢幕錄影，並出版令人難以置信的書籍。我看得出來他們真的很在意自己的工藝，這深深地激勵了我。

但是當他們推出

Upcase 時，我最興奮的不是課程或每週影片。我最興奮的是 Upcase 本身的原始碼——他們在您訂閱時讓您存取的 實際運作中 Rails 程式碼庫。

我從部落格文章、書籍和螢幕錄影學到了很多，但我仍然渴望有機會深入研究由我信任的人製作的真實程式碼庫，並研究他們如何將所有這些知識整合在一起來建立可投入生產的應用程式。

那次的經驗對我來說具有轉變性的意義，因此長期以來，我一直希望提供人們類似的東西，來學習如何使用 Tailwind CSS 建立真實網站。

如何將版面配置分解為元件、這些元件公開的 API 種類、如何自訂組態——所有這些有趣的決策在您只在瀏覽器中點擊檢視原始碼時都看不到。

因此，今天我們發布了第一批官方 Tailwind CSS

網站範本 — 以 Tailwind CSS 和 Next.js 提供支援，設計精美的可投入生產品質的程式碼庫。

我們早在三月份就開始設計這些範本，我真的很高興能讓這前五個範本問世，讓您可以看看並開始玩玩它們

• Syntax — 由 Stripe 的新 Markdoc 函式庫提供支援的文件網站範本，非常適合像是開放原始碼專案或產品文件等用途。
• Primer — 電子書和課程的登陸頁面範本，內建了我們發布自身資訊產品時學到的許多最佳實務。
• Salient — 一個精美但簡單的 SaaS 行銷網站，您可以快速調整以用於您的下一個想法，而無需浪費您希望花在實際產品上的時間。
• Keynote — 一個精美的會議網站設計，無論是小型當地聚會還是國際活動，都同樣適用。
• Transmit — 一個超棒的 Podcast 範本，具有自訂的永久音訊播放器，您可以立即將其連接到您自己的 RSS 提要。

我們在設計和程式碼上都投入了大量的時間和精力，而且所有內容的結構都與我們在實際生產專案中所做的方式完全相同。當您不想從空白畫布開始時，它們是完美的起點，也是學習專家如何使用 Tailwind CSS 建立現代網站的最佳方式。

每個範本都可以單獨購買，價格為 $99 美元，或者您可以透過 全面存取 來取得所有範本——這是我們今天推出的新的永遠取得我們未來新增的所有內容套裝方案。

全面採用全面存取

當我們開始處理範本時，我非常確定的一件事是，我希望讓存取所有範本變得容易。

這對我來說很重要，原因有二

1. 我希望人們將我們的範本視為教育資源，而不是傳統的網站主題。我們建立的每個範本都有其獨特的學習時刻，我不希望人們必須有選擇性地決定他們要從中學習的內容。

2. 我不希望擔心每個範本的投資報酬率。如果必須確保每個範本都具有大眾吸引力，那就會讓設計和建立範本的樂趣消失殆盡。我希望我們有自由製作利基、有趣的東西，以及可以研究的好點子，而不僅僅是那些可以自行銷售足夠份數以證明我們投入的工作是值得的範本。

我小時候去了這個

法國的音樂節，其中將近一百個樂團演出。有幾個樂團我非常喜愛，知道他們的每首歌，而且只要任何一天有演出，我都會買票去觀賞。

但其中大多數是那些我真的很喜歡，但不會開 90 分鐘車程去觀賞的樂團。但將它們全部放在同一張門票上，就讓我買了飛往巴黎的機票，並獲得了我一生中最美好的體驗之一。

我希望 Tailwind UI 感覺像是一個音樂節，您可以從一個舞台漫步到另一個舞台，欣賞一兩首您從未聽過的樂團的歌曲，而且偶爾會被您原本不會費心去看的演出所震撼。

因此，我們正在為 Tailwind UI 推出新的

全面存取套裝方案，其中包括存取現有每個範本和元件套件，以及我們未來新增的任何新內容。

這是一次性購買，價格為 $299 美元。沒有訂閱，沒有升級費用——如果我們在 Tailwind UI 中新增任何新內容，它將永遠是您的。

而且如果您已經擁有 Tailwind UI 中的所有內容，我們已將您免費升級為全面存取。

就是這樣——這就是我們過去幾個月一直在處理的所有事情！

我們已經在開發許多新的範本，而且我們正在積極地從這些範本中提取許多元件概念，以納入行銷、應用程式 UI 和電子商務元件類別中的新範例。

這是我最喜歡這些網站範本的原因之一——使用 Tailwind 建立真實的東西是我們提出新元件概念的最佳方式，也是找到改進 Tailwind CSS 和 Headless UI 的方法。

期待在未來幾個月內看到許多新的 Tailwind UI 產品！