TailAdmin 是一個基於React 和 Tailwind CSS構建的免費開源管理儀表板模板,為開發人員提供了為即將到來的 Web 專案創建全面的、數據驅動的後端、儀表板或管理面板解決方案所需的一切。
透過 TailAdmin,您可以存取建立功能豐富且完整的儀表板或管理面板所需的所有必要的儀表板 UI 元件、元素和頁面。無論您是為複雜的 Web 應用程式還是簡單的網站建立儀表板或管理面板,TailAdmin 都是幫助您快速啟動和運行的完美解決方案。
5 個獨特的儀表板:分析、電子商務、行銷和 CRM(將添加更多)
120 多個儀表板 UI 元件
總共 200 多個 UI 元素
45+ HTML 文件
所有基本元素和文件
完整 Figma 設計原始碼 - 如演示所示
1 個獨特的儀表板
30 多個儀表板 UI 元件
總共 50 多個 UI 元素
10+ HTML 文件
TypeScript 支援
基本 UI 套件元素和文件
Figma 設計來源 - 免費樣品
基於 Tailwind CSS 的 TailAdmin React 儀表板範本是一個預先設計的起點,用於使用 React JavaScript 函式庫和 Tailwind CSS 實用程式優先框架來建立基於 Web 的儀表板。此 Tailwind CSS + React 儀表板模板 - 使用 Tailwind CSS 構建,包括預先構建的組件,例如導航選單、圖表、表格和表單,可以輕鬆自訂並整合到小型到大型 React Web 應用程式中。
如果您正在尋找高品質的React-Tailwind 儀表板、管理面板模板或 UI 套件,TailAdmin 將是您的完美選擇!
您需要安裝 Node.js >=v14.16+(建議版本)(NPM 隨附),且 TailAdmin 使用Vite作為前端工具,若要執行安裝和建置生產版本,請依照下列步驟操作:
使用終端機並導航至專案 (tailadmin-react) 根目錄。
然後運行: npm install
然後運行: npm run dev
現在,在瀏覽器中轉到localhost:5173
對於生產建置運行: npm run build
預設建置輸出目錄:/dist
此命令將在模板的根目錄中產生一個 dist 作為建置資料夾,您可以將其上傳到伺服器。
React 和 Tailwind 是席捲 Web 開發世界的兩種流行技術。 React 是一個用於建立使用者介面的 JavaScript 程式庫,而 Tailwind 是一個實用程式優先的 CSS 框架,可以輕鬆設計 Web 應用程式的樣式。 TailAdmin React 提供 200 多個基本 React + Tailwind CSS UI 元件,您可以複製貼上並在儀表板專案中使用它們。其中包括- 圖表、圖表、導覽列、選項卡、按鈕、卡片、表格、設定檔、選項卡、表單、模態、應用程式頁面、日曆、Web 應用程式範例範本等等...用於使用Tailwind CSS 進行React 和Styled
增強功能01:刪除每個頁面中重複的DefaultLayout
增強功能 02:新增 ClickOutside 元件以減少標頭訊息、通知和使用者下拉清單中的重複功能。
增強功能01:在[日期選擇器/表單元素]中整合flatpickr
增強02:選擇選項【選擇元素/表單元素】後改變顏色。
增強03:使其功能化[多選下拉/表單元素]。
增強功能04:使最佳價值可編輯[定價表一/定價表]。
增強功能 05:重新排列資料夾結構。
在 TailAdmin React 中新增 Typescript。
TailAdmin React 的初始版本。