標籤: UI 頁1
UI相關的文章，目前共收錄 146 篇內容。
網路資源
GitGlam：輕鬆美化你的 GitHub 個人資料
GitGlam 是一個專門用來優化和美化 GitHub 個人檔案的工具，讓開發者能夠透過選擇各式各樣的模板輕鬆創建具吸引力的 GitHub 檔案頁面。這些模板涵蓋了從簡約風格到展示代碼和成就徽章的多種選擇，讓使用者可以根據自己的需求和偏好，快速打造專業且個性化的檔案頁面。無需繁瑣的操作，使用者只需挑選喜歡的樣式，即可完成設置，適合所有 GitHub 使用者。
網路資源
LottieLab：輕鬆打造 Lottie 的動態互動網頁體驗
在數位內容創作中，動畫越來越成為提升視覺效果的重要元素。LottieLab 正是一款專門為動畫設計師和開發者打造的創新工具，旨在簡化動畫的創作和整合過程。LottieLab 結合了強大的編輯功能與即時預覽，讓使用者能夠更快速、更直覺地創建和管理 Lottie 動畫。
網路資源
Atlas Icons：設計師必備的高質感圖示資源平台
在現代網頁設計和應用程式開發中，圖示（Icons）扮演著至關重要的角色，能夠提升使用者介面（UI）的視覺吸引力與可用性。Atlas Icons 是一個由 Vectopus 推出的圖示資源平台，專為設計師和開發者提供多樣化且高品質的圖示集合，讓你的專案更具視覺效果和專業感。
網路資源
LandingPro：AI 驅動的高效 Landing Page 設計工具
隨著數位行銷的發展，Landing Page設計已成為每個線上行銷策略的重要一環。LandingPro 是一款專為行銷人員和網站開發者打造的 AI 驅動工具，旨在簡化並加速Landing Page的建立過程，讓使用者可以輕鬆設計出高轉換率的Landing Page。
網路資源
Preline UI：整合 Tailwind CSS 的免費設計系統
Preline UI 是一個基於 Tailwind CSS 的免費設計系統，提供一系列可重複使用的 UI 元件和設計資源。這些資源旨在幫助設計師和開發者加速他們的項目開發過程，並確保一致性和高品質的設計。
網路資源
Dynaui：靈活高效的 UI 設計工具
Dynaui 是一個專為設計師和開發者設計的 UI 設計工具，旨在提供快速且靈活的介面設計方案。這個平台強調響應式設計和高效工作流程，幫助用戶創建出色的用戶介面。
網路資源
Radix UI：提供 icon 及配色建議以簡單打造優雅的使用者介面的線上工具
Radix UI 是一個開源的元件庫，專注於快速開發、易於維護和無障礙的設計。無需配置，只需讀入並開始使用。該網站提供多樣的 UI 元件，幫助開發者快速建立高品質的網頁應用程式。
網路資源
Iconify：開源 icon 的一站式資源平台
Iconify 提供一個整合各種開源 icon 的平台，方便設計師和開發者快速找到合適的 icon。平台上涵蓋了多種風格和用途的 icon，包括一般icon、品牌 icon、地圖與旗幟 icon等。每個icon集都有詳細的授權訊息，確保用戶可以安心使用。
網路資源
UI Lib Picker：精選最佳的 Vue 和 Nuxt UI library
UI Lib Picker 是一個專門為 Vue 3 和 Nuxt 3 項目提供 UI library 挑選指南的網站。該平台整理了多種 UI library，並提供詳細的功能比較，幫助開發者根據不同需求選擇最適合的庫。每個library都標示了其主要特點，包括是否有樣式、無樣式、是否免費、是否支援 Dark Mode、是否有 Figma 文件等，方便用戶快速篩選。
網路資源
AnimStats：提升互動力的動畫數據展示工具
AnimStats 是一個讓你將枯燥的數據轉化為吸引人的動畫 GIF 或影片的工具。使用者只需幾分鐘即可創建出引人注目的數據動畫，無需任何設計技巧。AnimStats 提供多樣化的專業模板和背景，讓你可以個性化你的動畫內容。透過分享這些動畫於社群網站、網站或投影片上，可以顯著提高觀眾的互動和參與度。
網路資源
Magic UI：基於 React、Tailwind CSS 和 Framer 的創意設計平台
Magic UI 是一個專為設計師打造的強大工具平台，基於 React、Tailwind CSS 和 Framer 開發，提供多樣化的設計資源和範本，幫助使用者快速創建吸引人的 UI 設計。
網路資源
Randoma11y：生成無障礙配色組合的利器
Randoma11y 是一個專門為網頁設計師和開發者設計的工具，能夠隨機生成無障礙的配色組合。這些配色組合旨在確保對比度和可讀性，適合用於設計對所有使用者友好的網站和應用程式。透過簡單的介面，使用者可以快速獲取符合無障礙標準的顏色組合，提升設計的包容性。
網路資源
Web Interactions Gallery：精彩動畫元素的靈感寶庫
Web Interactions Gallery 是一個專為網頁設計師和開發者打造的網站，收錄了來自各地的精美動畫範例。這個網站提供多種互動效果，從頁面轉場、卡片動畫、按鈕懸停效果到404頁面動畫應有盡有。每個範例都有詳細的展示和說明，幫助使用者快速找到靈感並應用到自己的專案中。
網路資源
CSS Loaders：多樣化的CSS載入動畫範例
CSS Loaders 是一個專門收集各種CSS載入動畫範例的網站，適合網頁設計師和開發者快速找到合適的載入動畫效果。網站提供多種風格的載入動畫，每個範例都有詳細的CSS代碼和即時預覽，方便用戶直接複製並應用到自己的專案中。這些動畫範例不僅美觀，而且可以提升網站的使用者體驗。
網路資源
404s：探索創意十足的錯誤頁面設計
404s是一個專門展示404錯誤頁面設計的網站，彙集了來自全球的創意和技術純熟的404頁面設計。這個平台讓設計師和創意工作者有機會展現他們對於通常被忽視的404頁面的創新處理方式。使用者可以在此發現各式各樣的設計風格，如3D、動畫、暗色調、插畫式、互動式及非傳統布局等，這些設計不僅提升了網站的趣味性，也改善了用戶的瀏覽體驗。這些404頁面不只是錯誤的代名詞，更成為展現創意與品牌個性的舞台。
網路資源
Page UI：輕鬆打造專業 Landing Page
Page UI 是一套專為 React 和 Next.js 使用者設計的 Landing Page 元件與範本集。使用者可直接將這些元件和範本複製貼上至自己的程式碼中，快速建立外觀精美且轉換率高的Landing Page。此外，所有元件和範本皆為開源，並支援深夜模式，適合各種品牌風格。