阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈

網路上免費的 React 版型資源不太好找,最好有一份懶人包。

這份列表整理了各式各樣的模板與主題套件,希望對您有幫助。


1. Open

Live demo / Download

Open 是一個免費的 React 模板,專為開源專案、線上服務、數位產品,創建快速、專業的登陸頁面而生。為了吸引潛在客戶和電子郵件訂閱者,Open 提供了一個多功能的資源庫,其中包含時尚、簡約和可重複使用的元件和元素。


2. Atomize

Live demo / Download

Atomize 是一個 React UI 框架,旨在幫助開發人員與設計師合作,輕鬆構建一致和諧的用戶界面。由於樣式指南和靈活網格等資源的完美結合,Atomize 適合建立任何類型的響應式網站。


3. Treact

Live demo / Download

Treact 是使用 TailwindCSS 作為前端框架開發的現代 React 模板和 UI 組件展示庫。這個精美的檔案庫提供了 7 個內建的主頁、8 個輔助頁面以及 52 個預先設計的元素和段落。每個內容都可以針對家用電腦、平板電腦和移動設備進行擴充。


4. MatX

Live demo / Download

MatX 是一個建立在 Material Design 之上的精美 React Native 模板。此模板使用 React、Redux 和 Material UI,它包含為 Web 應用程式提供新造型可能需要的所有基本功能。 MatX 的免費版本可用於輕鬆設置管理面板、用戶管理系統和專案管理系統。


5. Holly

Live demo / Download

Holly 是一個響應式 React JS 模板,適用於線上服務和數位產品的生產者,能在主要產品仍在開發中時,就開始搜集電子郵件地址。這個模板最初是由 Cruip 用 HTML 設計的,然後在這個版本中用 React 撰寫。


6. OAH-Admin

Live demo / Download

OAH-Admin 是一個基於 Gatsby 的免費 React 管理儀表板模板,帶有 oah-ui 元件和元素包。這個 React 模板有良好的 UI 元件色調,超級整潔和靈活的格式使任何人都可以輕鬆建立 SaaS 應用程式、管理面板、儀表板。


7. Gatsby Starter Ghost

Live demo / Download

使用 Ghost 這個基於 Gatsby 的入門模板,輕鬆建立高效能網站。Gatsby Starter Ghost 是一個乾淨而現代的模板,適用於部落格、雜誌或任何新聞網站。該產品專門設計來幫助任何人在網路上建立個人空間並分享想法、創意和更新。


8. Star Admin

Live demo / Download

一個免費的 React Native 模板,提供了無窮無盡的各種基本元素,可以將任何想法變為現實。該模板具有精心製作的儀表板,包含大量整齊排列和組織的元件,它可以完美地與所有最新和現代的瀏覽器配合使用,並且能夠使資料可視化過程更易於管理。


9. Carolina Admin Dashboard

Live demo / Download

如果您正在尋找一個令人驚嘆且實用的 React 儀表板模板,Carolina Admin Dashboard 擁有啟動和運行您 Web 專案所需的一切。這個漂亮的模板建立在 Material-UI 框架之上,採用乾淨清新的設計,遵循所有 Google 的 Material Design 指南。此外,核心結構是完全響應式和開源的。


10. Tabler

Live demo / Download

Tabler 是一個免費的 React 管理儀表板模板,非常適合任何類型的後端 Web 應用。此管理模板包含大量精心設計的範例,無需從頭開始,可為您節省大量時間,它還附帶可重複使用的元件,例如按鈕、地圖、圖表、表單等。


11. React Nice Resume

Live demo / Download

React Nice Resume 是一個漂亮的主題,如果您是開發人員、設計師或一般的數位創作者,可以用來宣傳您自己和您的作品。該資源展示了一個獨特的主頁,帶有粒子背景、工作經驗時間線、技能圖表、顯示最新專案的縮略圖、一個帶有功能輸入表單的段落。


12. Boss Lite

Live demo / Download

Boss Lite 是一個基於 React 和 Redux 的管理儀表板模板。此模板為您帶來清新現代的設計和多種配色方案。它支援大多類型的 Web 專案,並且 Flexbox 佈局而變得很流暢。


13. Chakra UI

Live demo / Download

Chakra UI 提供了一組好用、可重用的 React 功能元件,使建立好用網站和用戶界面變得非常簡單。 Chakra UI 中的幾乎所有元素都兼容深色模式,它們遵循 WAI-ARIA 指南規範,並構建在 React UI Primitive 之上以實現無限的可組合性。


14. Black Dashboard React

Live demo / Download

Black Dashboard React 是用於管理界面的 React 模板。該模板基於 Bootstrap 建立的設計指南,是基於企業的應用程式,是強大後端軟體可用的優秀前端選項。它具有更高等級的切分、設計套件、可重複使用的圖表,能夠不斷改善用戶和開發體驗。


15. Argon Design System

Live demo / Download

使用 Bootstrap 4 和 Reactstrap 的 React 設計系統。Argon Design System 帶有 100 多個單獨的元件、內建的範例,並且每個元素都有多種樣式、懸停、焦點狀態,任何人都可以輕鬆使用。該產品是從原型設計到正式上線的完美解決方案。


16. Devias Kit - Admin Dashboard

Live demo / Download

Devias Kit 是一個響應式 Material Design 管理儀表板,專為 React 使用 Google 自己的 Material Design 框架建立。可以自定義設置、指令、圖標和樣式。該模板包含清晰直觀的目錄和文件、快速入門文件,如果您想對設計進行任何更改,甚至還有 Sketch 文件。


17. Dev Blog

Live demo / Download

Dev Blog 是一個 React 網站模板,專為快速建立副專案和產品而生。該網站模板帶有一個首頁,其中顯示了部落格名稱、社交媒體圖示以及帶有文字和圖像的文章縮圖。該模板還包括單個文章頁面,有漂亮且精心策劃的排版。


18. Material PRO

Live demo / Download

Material Pro 是一個免費的 React Native 模板,為任何需要管理儀表板的人精心製作。這個漂亮而清爽的產品採用模組化和現代設計理念開發,100% 免費使用和下載,並包含許多頁面,可幫助您更快、更輕鬆地建立專案。


19. Ant Design Landing

Live demo / Download

Landing 是 Ant Design System 建立的模板。內涵不同樣式的首頁和內頁模組。


20. Isomorphic

Live demo / Download

Isomorphic 是一個易於管理且有吸引力的管理模板,具有大量靈活的元件。


21. Shards Dashboard Lite

Live demo / Download

Shards 是一個免費的 React 儀表板模板,具有現代設計系統和許多自定義頁面和部分。


22. uiw

Live demo / Download

uiw 是用於 React 16+ 的高質量 React 元件庫和 UI 工具包。


23. React Material Admin

Live demo / Download

React Material Admin 是一個建立在 Material-UI 框架之上的 React 儀表板。


24. Material KIT React

Live demo / Download

Material UI KIT 是一款免費的 React UI 主題,其設計靈感來自 Google 的 Material Design,設計清新整潔。


25. Airframe

Live demo / Download

Airframe 是一個基於 Bootstrap 4 和 React 16 的免費開源 React 應用程式模板。


26. Gatsby Simplefolio

Live demo / Download

Gatsby Simplefolio 是一個乾淨、美觀且響應迅速的 React 組合模板。


27. Ant Design Pro

Live demo / Download
React

28. React SaaS Template

Live demo / Download


29. Shards React

Live demo / Download


30. Base Web

Live demo / Download


31. Light Blue React Dashboard

Live demo / Download


32. React JS Landing

Live demo / Download


33. Admin Pro

Live demo / Download


34. Blueprint

Live demo / Download


35. Datta

Live demo / Download


36. Flatlogic One

Live demo / Download


結論

我希望這組免費的 React 模板和主題能夠幫助您!


共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。

阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈