」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 很棒的免費 Tailwind 登陸頁面模板

很棒的免費 Tailwind 登陸頁面模板

發佈於2024-11-16
瀏覽:371

幾個月前,我開源了一個 tailwind 登陸頁面模板列表,從那時起它就變得越來越流行,所以這裡是存儲庫中的一些頂級 tailwind 登陸頁面。

Awesome Free Tailwind landing page templates

你在 Github 上查看它們並複製資料夾

從Github獲取⭐️

或您也可以從網頁目錄下載

從網路下載

1.Pixa AI - Pixa AI 預覽

有亮/暗切換

Awesome Free Tailwind landing page templates

專為 AI SaaS 產品打造的時尚登陸頁面,具有深色和淺色模式。它包括互動式演示模式、定價、部落格、常見問題解答以及展示人工智慧產品所需的一切。

2. Navigator - 導航器預覽

Awesome Free Tailwind landing page templates

專為行動應用程式設計的時尚、深色主題的登陸頁面,配有常見問題解答部分和電子郵件註冊表單。非常適合吸引註意力和推動應用程式下載。

3. 旅行者-旅行者預覽

Awesome Free Tailwind landing page templates

專為行動應用程式打造的明亮、淺色主題的登陸頁面。 Traveler 包括部落格連結、「取得 Google Play」和「App Store」按鈕、影片嵌入、常見問題等 - 讓您的應用程式脫穎而出所需的一切。

4.Celestial SaaS - Celestial SaaS 預覽

Awesome Free Tailwind landing page templates

乾淨、優雅的 SaaS 登陸頁面,具有柔和的漸變標題、展示功能、客戶評價、定價等的部分。非常適合以現代、簡單的設計突出您的產品。

5. SaaSy Dark - Saasy Dark 預覽

Awesome Free Tailwind landing page templates

時尚、現代的登陸頁面,具有深色主題和流暢的動畫。 SaaSy Dark 包括常見問題解答部分、電子報註冊、文章等,非常適合給人留下大膽的印象。

完美的深色 SaaS 登陸頁面。

6.AI銷售App-Ai銷售App預覽

Awesome Free Tailwind landing page templates

專為基於應用程式的人工智慧解決方案而設計的現代登陸頁面。 AI 銷售應用程式突出顯示 Trustpilot 評分、客戶評價、文章、新聞通訊註冊等,旨在建立信任並激發用戶興趣。

7. SaaS AI - SaaS AI 預覽

Awesome Free Tailwind landing page templates

非常適合低程式碼和人工智慧輔助 IDE 的登陸頁面,具有乾淨的等寬字體。 SaaS AI 包括功能、推薦等部分,旨在吸引開發人員和精通技術的用戶。

8. Bistro餐廳-Bistro餐廳預覽

Awesome Free Tailwind landing page templates

現代餐廳的時尚登陸頁面,採用乾淨的白色和紅色設計。 Bistro 餐廳包括菜單、預訂、顧客評論和地圖等部分,讓您無法抗拒與您一起用餐。

9. Nutrio餐廳 - Nutrio餐廳預覽

Awesome Free Tailwind landing page templates

專為餐廳設計的大膽、深色主題的登陸頁面。 Nutrio 餐廳展示您的菜單、特別優惠、推薦等,非常適合給人留下時尚的第一印象。

10. 法火 - 法火

Awesome Free Tailwind landing page templates

為律師和律師製作的專業且引人注目的登陸頁面。 Law Fire 具有查詢表、地圖、文章部分、感言等,旨在灌輸信心並吸引新客戶。


這些是儲存庫中排名前 10 的登陸頁面,希望您找到適合您需求的頁面。從現在開始,每個月都會新增一個新模板。由於不再可能每週更新。


更多精彩免費模板

如果您正在尋找更多信息,@devluc 策劃的 HTML Rev 上有一個很棒的免費登陸頁面列表

版本聲明 本文轉載於:https://dev.to/paul_freeman/awesome-free-tailwind-landing-page-templates-2gnb?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>
  • 以下是一些與 JavaScript 整數驗證文章內容一致的基於問題的標題:

專注於可靠性和最佳實踐:

* 如何在 Java 中可靠地驗證整數
    以下是一些與 JavaScript 整數驗證文章內容一致的基於問題的標題: 專注於可靠性和最佳實踐: * 如何在 Java 中可靠地驗證整數
    如何驗證 JavaScript 中的整數變數並引發非整數值錯誤確定 JavaScript 變數是否表示整數可能至關重要。有幾種方法可以有效地執行此檢查。 選項 1:使用 isNaN 和解析 Cast問題中提供的範例嘗試使用 NaN(data)檢查整數。然而,這種方法並不可靠。相反,請考慮下列函數:f...
    程式設計 發佈於2024-11-16
  • 酷炫的 CodePen 演示(10 月 4 日)
    酷炫的 CodePen 演示(10 月 4 日)
    輕質水扭曲效果 Ksenia Kondrashova 使用帶有水效果的漂亮著色器創建了一個演示。它看起來很逼真,就像游泳池裡的水一樣。感覺平靜和催眠。 懸停時的 3D 視差效果 Temani Afif 使用單一圖像標籤創建令人驚嘆的效果。這是一個很好的例子:一個 ...
    程式設計 發佈於2024-11-16
  • Bootstrap 4 Beta 中的列偏移發生了什麼事?
    Bootstrap 4 Beta 中的列偏移發生了什麼事?
    Bootstrap 4 Beta:列偏移的刪除和恢復Bootstrap 4 在其Beta 1 版本中引入了重大更改柱子偏移了。然而,隨著 Beta 2 的後續發布,這些變化已經逆轉。 從 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中, offset-md-*...
    程式設計 發佈於2024-11-16
  • 在 Go 中使用 WebSocket 進行即時通信
    在 Go 中使用 WebSocket 進行即時通信
    构建需要实时更新的应用程序(例如聊天应用程序、实时通知或协作工具)需要一种比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方!今天,我们将探讨如何在 Go 中使用 WebSocket,以便您可以向应用程序添加实时功能。 在这篇文章中,我们将介绍: WebSoc...
    程式設計 發佈於2024-11-16
  • 如何在 SQL 中計算某個值的總和,同時確保每行只計算一次?
    如何在 SQL 中計算某個值的總和,同時確保每行只計算一次?
    在SQL 中使用SUM() 將不同值分組在MySQL 查詢中,您想要計算下列值的總和轉換表,同時確保每行僅計算一次。為了實現這一點,您需要將 DISTINCT 關鍵字與 SUM() 函數結合使用。但是,您遇到了重複行導致 SUM() 結果膨脹的問題。 要解決此問題,請考慮表中的主鍵關係。如果 con...
    程式設計 發佈於2024-11-16
  • Vite中環境變數的處理
    Vite中環境變數的處理
    在現代 Web 開發中,管理敏感資料(例如 API 金鑰、資料庫憑證以及不同環境的各種配置)至關重要。將這些變數直接儲存在程式碼中可能會帶來安全風險並使部署變得複雜。 Vite,一個現代的前端建構工具,提供了一種透過.env檔案管理環境變數的簡單方法。 什麼是 .env 檔? .env 檔案是一...
    程式設計 發佈於2024-11-16
  • 如何使用 Django REST Framework 高效處理嵌套序列化器中的外鍵分配?
    如何使用 Django REST Framework 高效處理嵌套序列化器中的外鍵分配?
    Django REST Framework 中的嵌套序列化器的外鍵分配Django REST Framework (DRF) 提供了一個管理外鍵關係的便捷方法序列化資料。然而,在嵌套序列化器中獲得所需的行為可能具有挑戰性。 嵌套序列化器中的外鍵分配嵌套序列化器繼承其父序列化器的行為。預設情況下,它們...
    程式設計 發佈於2024-11-16
  • 如何從 CodeIgniter URL 中刪除「index.php」?
    如何從 CodeIgniter URL 中刪除「index.php」?
    CodeIgniter .htaccess 和URL 重寫問題導航CodeIgniter 應用程式通常需要從URL 中刪除“index.php”,以允許使用者造訪具有更清晰語法的頁面。不過,新用戶在這個過程中可能會遇到困難。 刪除“index.php”的關鍵在於修改應用程式設定檔(applicati...
    程式設計 發佈於2024-11-16
  • 您可以在 `` 標籤內嵌套更多的 `` 元素嗎?
    您可以在 `` 標籤內嵌套更多的 `` 元素嗎?
    不常見的 HTML 結構: 可以容納 以外的標籤嗎? 在 HTML 世界中,嵌套標籤可以創建複雜的結構。然而,某些標籤的放置有時會受到限制。以神秘的 標籤為例,許多人認為它只能嵌套 元素。 深入研究:您的詢問源於探索標籤是否有效的願望除了 之外的其他人都可以在 中找到一個家。為了揭開這個概念的...
    程式設計 發佈於2024-11-16
  • 如何使用 XPath 條件選擇 XML 文件中的特定節點?
    如何使用 XPath 條件選擇 XML 文件中的特定節點?
    利用 XPath 條件選擇節點透過 XPath 導覽 XML 文件時,通常需要根據特定條件限制檢索的節點。在此範例中,我們的任務是根據日期屬性選擇性地檢索節點。 以下XPath 表達式從提供的XML 文件中擷取所有 節點:$nodes = $xml->xpath('//xml/events')...
    程式設計 發佈於2024-11-16
  • 為什麼「margin: auto」不能與絕對定位的元素一起使用?
    為什麼「margin: auto」不能與絕對定位的元素一起使用?
    了解絕對定位邊距自動問題當將“position:absolute”應用於具有“margin-left:auto”和“的元素時margin-right: auto”,您可能會注意到邊距似乎沒有效果。此行為不同於“位置:相對”,其中邊距按預期工作。為了理解這種差異,讓我們更深入地研究底層機制。 當一個元...
    程式設計 發佈於2024-11-16
  • Go 如何處理方法中的指標和值接收者?
    Go 如何處理方法中的指標和值接收者?
    Go 指標:接收者和值類型Go 指標:接收者和值類型在Go 中,指針對於理解物件導向程式設計和記憶體管理是必不可少的。在處理指標時,掌握方法中接收器類型之間的差異至關重要。 type Vertex struct { X, Y float64 } func (v *Vertex) Abs() ...
    程式設計 發佈於2024-11-16
  • 如何從 Python 中的字串清單建立多個變數?
    如何從 Python 中的字串清單建立多個變數?
    如何從字串清單建立多個變數? [重複]許多程式場景要求我們同時操作多個物件或變數。一個常見的挑戰是從字串列表建立多個變量,其中每個變數的名稱與列表中的對應元素相符。 在 Python 中,您可以使用字典理解來完成此操作:names = ['apple', 'orange', 'banana'] fr...
    程式設計 發佈於2024-11-16
  • 如何在 PHP 中組合兩個關聯數組,同時保留唯一 ID 並處理重複名稱?
    如何在 PHP 中組合兩個關聯數組,同時保留唯一 ID 並處理重複名稱?
    在 PHP 中組合關聯數組在 PHP 中,將兩個關聯數組組合成一個數組是常見任務。考慮以下請求:問題描述:提供的代碼定義了兩個關聯數組,$array1和$array2。目標是建立一個新陣列 $array3,它合併兩個陣列中的所有鍵值對。 此外,提供的陣列具有唯一的 ID,而名稱可能重疊。要求是建構一...
    程式設計 發佈於2024-11-16
  • 外鍵可以引用多型關聯中的多個表嗎?
    外鍵可以引用多型關聯中的多個表嗎?
    多態外鍵:一個外鍵可以引用多個表嗎? 關聯式資料庫中外鍵的概念通常涉及指定確切的目標參考列應指向的表。然而,在處理多態關聯時,其中一個表與一組中的多個其他表有關係,就會出現問題:是否可以有一個可以引用這些表中任何一個表的外鍵? 答案:否在MySQL和PostgreSQL中,外鍵約束只能引用單一父表。...
    程式設計 發佈於2024-11-16

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3