標籤: UI 頁1

UI相關的文章,目前共收錄 143 篇內容。

Preline UI:整合 Tailwind CSS 的免費設計系統
網路資源

Preline UI:整合 Tailwind CSS 的免費設計系統

Preline UI 是一個基於 Tailwind CSS 的免費設計系統,提供一系列可重複使用的 UI 元件和設計資源。這些資源旨在幫助設計師和開發者加速他們的項目開發過程,並確保一致性和高品質的設計。

CSS Author:專業設計師資源與靈感的寶庫
網路資源

CSS Author:專業設計師資源與靈感的寶庫

CSS Author 是一個專門為設計師及開發者打造的網站,提供豐富的資源和工具,讓使用者能輕鬆找到所需的設計素材和開發靈感。

Dynaui:靈活高效的 UI 設計工具
網路資源

Dynaui:靈活高效的 UI 設計工具

Dynaui 是一個專為設計師和開發者設計的 UI 設計工具,旨在提供快速且靈活的介面設計方案。這個平台強調響應式設計和高效工作流程,幫助用戶創建出色的用戶介面。

Radix UI:提供 icon 及配色建議以簡單打造優雅的使用者介面的線上工具
網路資源

Radix UI:提供 icon 及配色建議以簡單打造優雅的使用者介面的線上工具

Radix UI 是一個開源的元件庫,專注於快速開發、易於維護和無障礙的設計。無需配置,只需讀入並開始使用。該網站提供多樣的 UI 元件,幫助開發者快速建立高品質的網頁應用程式。

Iconify:開源 icon 的一站式資源平台
網路資源

Iconify:開源 icon 的一站式資源平台

Iconify 提供一個整合各種開源 icon 的平台,方便設計師和開發者快速找到合適的 icon。平台上涵蓋了多種風格和用途的 icon,包括一般icon、品牌 icon、地圖與旗幟 icon等。每個icon集都有詳細的授權訊息,確保用戶可以安心使用。

UI Lib Picker:精選最佳的 Vue 和 Nuxt UI library
網路資源

UI Lib Picker:精選最佳的 Vue 和 Nuxt UI library

UI Lib Picker 是一個專門為 Vue 3 和 Nuxt 3 項目提供 UI library 挑選指南的網站。該平台整理了多種 UI library,並提供詳細的功能比較,幫助開發者根據不同需求選擇最適合的庫。每個library都標示了其主要特點,包括是否有樣式、無樣式、是否免費、是否支援 Dark Mode、是否有 Figma 文件等,方便用戶快速篩選。

AnimStats:提升互動力的動畫數據展示工具
網路資源

AnimStats:提升互動力的動畫數據展示工具

AnimStats 是一個讓你將枯燥的數據轉化為吸引人的動畫 GIF 或影片的工具。使用者只需幾分鐘即可創建出引人注目的數據動畫,無需任何設計技巧。AnimStats 提供多樣化的專業模板和背景,讓你可以個性化你的動畫內容。透過分享這些動畫於社群網站、網站或投影片上,可以顯著提高觀眾的互動和參與度。

Magic UI:基於 React、Tailwind CSS 和 Framer 的創意設計平台
網路資源

Magic UI:基於 React、Tailwind CSS 和 Framer 的創意設計平台

Magic UI 是一個專為設計師打造的強大工具平台,基於 React、Tailwind CSS 和 Framer 開發,提供多樣化的設計資源和範本,幫助使用者快速創建吸引人的 UI 設計。

Randoma11y:生成無障礙配色組合的利器
網路資源

Randoma11y:生成無障礙配色組合的利器

Randoma11y 是一個專門為網頁設計師和開發者設計的工具,能夠隨機生成無障礙的配色組合。這些配色組合旨在確保對比度和可讀性,適合用於設計對所有使用者友好的網站和應用程式。透過簡單的介面,使用者可以快速獲取符合無障礙標準的顏色組合,提升設計的包容性。

Web Interactions Gallery:精彩動畫元素的靈感寶庫
網路資源

Web Interactions Gallery:精彩動畫元素的靈感寶庫

Web Interactions Gallery 是一個專為網頁設計師和開發者打造的網站,收錄了來自各地的精美動畫範例。這個網站提供多種互動效果,從頁面轉場、卡片動畫、按鈕懸停效果到404頁面動畫應有盡有。每個範例都有詳細的展示和說明,幫助使用者快速找到靈感並應用到自己的專案中。

CSS Loaders:多樣化的CSS載入動畫範例
網路資源

CSS Loaders:多樣化的CSS載入動畫範例

CSS Loaders 是一個專門收集各種CSS載入動畫範例的網站,適合網頁設計師和開發者快速找到合適的載入動畫效果。網站提供多種風格的載入動畫,每個範例都有詳細的CSS代碼和即時預覽,方便用戶直接複製並應用到自己的專案中。這些動畫範例不僅美觀,而且可以提升網站的使用者體驗。

404s:探索創意十足的錯誤頁面設計
網路資源

404s:探索創意十足的錯誤頁面設計

404s是一個專門展示404錯誤頁面設計的網站,彙集了來自全球的創意和技術純熟的404頁面設計。這個平台讓設計師和創意工作者有機會展現他們對於通常被忽視的404頁面的創新處理方式。使用者可以在此發現各式各樣的設計風格,如3D、動畫、暗色調、插畫式、互動式及非傳統布局等,這些設計不僅提升了網站的趣味性,也改善了用戶的瀏覽體驗。這些404頁面不只是錯誤的代名詞,更成為展現創意與品牌個性的舞台。

Page UI:輕鬆打造專業 Landing Page
網路資源

Page UI:輕鬆打造專業 Landing Page

Page UI 是一套專為 React 和 Next.js 使用者設計的 Landing Page 元件與範本集。使用者可直接將這些元件和範本複製貼上至自己的程式碼中,快速建立外觀精美且轉換率高的Landing Page。此外,所有元件和範本皆為開源,並支援深夜模式,適合各種品牌風格。

UiMagic:用AI創造未來的網頁設計用戶界面
網路資源

UiMagic:用AI創造未來的網頁設計用戶界面

UiMagic 是一個利用AI技術驅動的網頁設計工具,專為新創企業和個人開發者提供快速、專業的網頁設計解決方案。這個平台允許用戶提交概念,然後AI將這些概念轉化為實際的網頁設計,並可匯出至Figma等設計工具。UiMagic 的AI引擎可以理解用戶需求,高效生成符合個性化的網頁配置和元素,大幅減少設計時間與成本。

Dark:全球暗色主題網頁設計精選,啟發你的設計靈感
網路資源

Dark:全球暗色主題網頁設計精選,啟發你的設計靈感

Dark.design 是一個專注於暗色主題網站設計的靈感來源平台,提供各種暗調風格的網站展示。這個平台允許用戶發現和探索全球設計師創造的暗色調網站,並提供一個月度電子報,會從中精選五個最佳暗色主題網站供用戶參考。

Flames:匯聚全球頂尖設計師的專屬社群平台
網路資源

Flames:匯聚全球頂尖設計師的專屬社群平台

Flame.是一個專為設計師社群打造的平台,聚集了眾多頂尖設計師和創意作品。這個網站不僅是一個展示和發現創意作品的場所,更打造了設計師之間互相學習、交流的社群。

Tailwind Awesome:收錄眾多優秀Tailwind模板與UI套件的網站
網路資源

Tailwind Awesome:收錄眾多優秀Tailwind模板與UI套件的網站

Tailwind Awesome 是一個專門提供高品質Tailwind CSS模板和UI套件的線上資源庫。該平台匯聚了眾多設計精美的模板,涵蓋了從SaaS、創業公司Landing Page到個人作品集等多種用途。此外,用戶還可以按網站技術如React、Vue.js等過濾搜尋結果,或從價錢排序收錄的模板。

v0 by Vercel:v0 推出的藉由與 AI 對話生成 UI 及 React 程式碼的工具
網路資源

v0 by Vercel:v0 推出的藉由與 AI 對話生成 UI 及 React 程式碼的工具

v0 是由 Vercel 推出的一款 AI 生成 UI 的服務,你可以透過提示詞或上傳參考圖片,就能快速的生成 UI 設計,它支援生成如React、Tailwind CSS等開源專案的程式碼,並提供免費及其他不同的付費訂閱計劃。