全新 Tailwind CSS + Framer Motion 範本和 Tailwind 工作

今天為您帶來另一個關於我們發布的一些酷東西，以及一些正在進行中但即將發布的其他東西的更新！

自從六月份發布了 Tailwind UI 網站範本和所有存取權以來，我們一直在做很多以維護為主的內容，例如處理超過 350 個 GitHub issue 和 pull request，並更新我們發布的所有新範本以使用 Next.js 12.2 和新的 next/future/image 元件。

我們確實也抽出時間發布了一些新東西！

Tailwind + Framer Motion = Pocket

大約一週前，我們發布了一個全新的 Tailwind UI 範本，使用 Next.js 和 (當然) Tailwind CSS 建置。

我們稱之為 Pocket，這是一個行動應用程式的登陸頁面，載入大量有趣的動畫和互動，由 Framer Motion 提供動力，這基本上是任何人做過最酷的程式庫。

務必查看即時預覽以獲得完整體驗 — 螢幕截圖會錯過所有最酷的部分，例如頁面載入時繪製的圖表、功能部分中動畫的行動裝置 UI 和受 Frogger 啟發的推薦動畫。

關於這個範本的有趣故事 — 當我們最初設計和建置它時，實際上並沒有計劃在動畫或互動方面做任何事情。我們在 Figma 中組合了一個靜態設計，我們都非常興奮，然後完全建置了所有內容，並計劃在大約三週半前發布它。

但是，一旦我們在瀏覽器中有了完成的範本，它就感覺有點僵硬。它在 Figma 中看起來很棒，您在那裡會期望一切都是靜止和靜態的，但是一旦我們在現實生活中看到它，它感覺更像是螢幕截圖或類似的東西，而不是真正的互動式網站。

看看這個範本的早期版本，也許您會明白我的意思。

我們決定將發布延遲幾個星期，同時我們試驗一些我們可以做的事情來為它注入一些活力，並且在嘗試了一系列不同的想法之後，最終得到了我們今天的成果。

我對這個結果感到非常興奮，而且我認為如果您想學習如何使用 Framer Motion 來實現我們所得到的某些酷炫效果，則程式碼庫是一個非常有趣的案例研究。

而且，與我們所有的範本一樣，如果您擁有 Tailwind UI 所有存取權許可證，則它會與我們所有其他元件和範本一起包含在內，無需額外費用。

我們已經討論了建立一個官方 Tailwind CSS 工作看板的想法大約兩年了，並且在過去的幾週內最終決定嘗試一下，看看會發生什麼。

如果您是一家使用 Tailwind 的公司，並且正在尋找前端工程師，或者您是一位想在一家使用 Tailwind 的公司工作的開發人員，請查看 Tailwind 工作以了解更多資訊。

我們在 7 月 14 日開始開發程式碼庫，並在 8 月 2 日向公司推出了該網站。我們使用 Laravel、Inertia、React 和當然還有 Tailwind CSS 建置了它。僅用 20 天就可以使用這些工具建構出如此驚人的成果！

我們仍在研究定位，以及我們可以做些什麼來使其成為使用 Tailwind 的公司尋找前端人才的最佳場所，因此，如果您在您的公司進行任何招聘，並且有任何回饋或想法，請向 Peter 發送電子郵件 — 他正在領導這個專案，並且正在尋找可以與之交談的人。

例如，我們正在嘗試弄清楚的一件事是如何明確表明，工作不必嚴格地「每天使用 Tailwind CSS 設定樣式」才能成為一個好的選擇 — 世界上真的沒有很多這樣的工作，我們甚至在公司本身中，沒有任何像這樣實際製造 Tailwind CSS 的工作！

但是，即使他們不是每天都寫 CSS，很多人還是討厭與 CSS 抗衡。

有大量的開發人員會很高興知道，無論他們確實必須進行樣式設定時，他們都將使用 Tailwind 而不是一些自訂 CSS 義大利麵條來完成。

我們希望工作看板成為尋找 React 開發人員、Vue 開發人員、Laravel 開發人員、Rails 開發人員等的場所 — 只要在需要設定樣式時，該人可以使用 Tailwind，它就是 Tailwind 工作的合適選擇。

我們正在開發許多很棒的東西，將在接下來的幾週內發布

所以請期待幾週後的另一次更新，屆時會有更多內容！隨著大型範本/全存取版本的推出告一段落，我很高興能將重心從創建全新的產品轉移，並將今年剩餘的時間專注於讓 Tailwind CSS 和 Headless UI 變得更好，並在 Tailwind UI 中添加大量很棒的新功能。