Uiverse 免費線上 CSS 元件庫,數千種美觀元件供自由使用

Uiverse 免費線上 CSS 元件庫,數千種美觀元件供自由使用

Uiverse 是一個匯集數千個由 CSS 或 Tailwind 精心設計的網頁元件線上工具。從 Buttons、Checkboxes、Toggle Switches、Cards、Loaders、Inputs、Radio Buttons、Forms、Patterns 到 Tooltips,涵蓋了網頁設計中常見的各種元件。每個元件都提供 HTML 和 CSS 原始碼,讓使用者輕鬆取得並直接應用於網頁。Uiverse 不僅提供了線上範例,讓使用者快速預覽效果,還具有社群驅動的特點,所有的 UI 元素都由熱衷的社群成員貢獻製作。這些元件完全免費,並以開放原始碼的形式提供,可在個人和商業項目中自由使用。這個資源庫為設計師和開發者提供了極具靈感的創意空間,讓網頁元素的選擇變得更加豐富多樣。

Theme Toggles:輕鬆實現網頁 Dark Mode 切換功能,程式碼直接複製使用

Theme Toggles:輕鬆實現網頁 Dark Mode 切換功能,程式碼直接複製使用

現在許多網頁都提供了明亮與黑暗主題的切換功能,這能夠讓使用者享受更佳的瀏覽體驗。如果也想在自家網頁中加入此功能,但又不想花費大量時間重新設計與實現 Dark Mode 切換,那麼可以考慮使用 Theme Toggles。Theme Toggles 是一個提供 Dark Mode 切換範本程式碼的網站,每個範例都可直接操作,如果覺得適合,使用者可以輕鬆將所需的 HTML 語法和 React 程式碼複製到自家網站中使用。Theme Toggles 是一個開放原始碼項目,適用於各種 CSS 框架,例如 Tailwindcss,所有範例均已模組化,可根據不同的需求進行客製化。透過 Theme Toggles,讓網站添加 Dark Mode 切換功能將變得更加輕鬆和便捷。

Google Design - Material icons 常用 ICON 免費下載使用

Google Design - Material icons 常用 ICON 免費下載使用

不論是 windows、web、Android、iOS 的開發,甚至是平面設計,總是免不了 ICON 圖示的應用,既然稱為圖示,當然就不是要使用者去猜,而是必須設計成一看就知道要做什麼。想要有一致的圖示風格又能符合 ICON 的設計準則,網路上有很多免費下載 ICON 圖示的網站,而現在 Google Design 中的 Material icons 網站,則是提供 Action、Alert、AV、Communication、Content、Device、Editor、File、Hardware、Image、Maps、Navigation、Notification、Social、Toggle 等多種類型的 ICON,且每個圖示均提供 18dp、24dp、36dp、48dp 尺寸與 PNG、SVG 兩種圖檔格式,供你免費下載應用。

ToggleLink 複製超連結的文字更快更方便,Google Chrome 擴充功能

ToggleLink 複製超連結的文字更快更方便,Google Chrome 擴充功能

在網頁裡,若要取出含有超連結的文字,需要先將該段文字選取再按下滑鼠的右鍵,點選[複製]才能複製超連結內的文字,這樣子的步驟有點多,且要將該段超連結選取,一不小心就會變成點擊,跑到該連結的網址,若是要複製超連結其中的文字,那可能還需要多幾個步驟,若你使用 Google Chrome 瀏覽器時,這時候可以來試試 ToggleLink 這個 Chrome 的擴充功能,讓你複製超連結的文字更快更方便。