CSS Loaders：超過 600 個單一元素 CSS 載入動畫免費合集
今天要介紹的「CSS Loaders」號稱全世界最大的載入動畫合集，這裡收錄超過 600 個僅使用單一元素製作的 CSS 載入動畫，這些動畫不需要用到 JavaScript，專注於…
UI
閱讀全文CSS Loaders：超過 600 個單一元素 CSS 載入動畫免費合集
Copy & Paste CSS 教學：快速複製 CSS 樣式與網頁元件的免費工具
從複製貼上開始學習 HTML 與 CSS 應該有很多人跟我一樣剛開始學習 HTML、CSS 都是從複製貼上開始吧？記得早期會有一些架站教學網站，提供各式各樣範例程式碼，…
Boxicons 免費圖示集：超過 1600 個高品質 SVG 圖案可商用下載
Boxicons 是一套精心設計的開源免費圖示集，主打的是高品質、網頁友善，目前收錄超過 1600 種圖案，這些圖示依主題分類，方便設計師和開發者快速尋找所需素材，…
Shader Gradient：輕鬆創建動態漸層效果，快速整合 Figma、Framer
Shader Gradient 是一個專為設計師、開發者打造的線上工具，主要用於創建美麗的動態漸層效果，只要在瀏覽器即可設定，不用額外安裝任何的軟體或應用程式，創作…
Pqoqubbw icons：免費下載 160+ 精美動態圖示，MIT 授權可商用
網路上的免費圖示集有很多，但是會動的動態圖示相對來說就少了一點，如果你對於這類的動畫圖有興趣，可以參考「Pqoqubbw icons」，這是一個開放原始碼專案（MIT…
Lucide Icons：收錄 1500 個圖案的免費開源圖示集，支援各種前端工具和開發框架
Lucide 是一套很美觀、具有一致性風格的免費圖示，由社群成員協同創作，圖示不僅看起來非常乾淨簡潔，在設計上遵循嚴格的設計規範以保持樣式和可讀性。使用者可…
提升效率！Screen Ruler 網頁尺規工具：前端開發者必備的 Chrome 擴充功能
Screen Ruler 是螢幕上的尺，用以測量網頁上任何元素的標籤名稱、ID、尺寸、距離、邊框間距和邊界等資訊，而且操作上很簡單，只要開啟擴充功能後將游標移動到元…
Unicorn icons：超過 100 個精緻動畫圖示，提升操作介面的互動性
Unicorn icons 收錄 100 多個有趣的動畫圖示，設計簡單、看起來很生動活潑，具有自訂顏色、線條寬度、背景顏色和比例等功能，無論在開發網路服務、軟體、應用程…
FreeIcons 免費、開放原始碼的圖示集，一站式搜尋與下載超過 10 萬個圖示
FreeIcons 是一個提供免費、開放原始碼圖示的網站，首頁很明確告訴大家這裡只有免費圖示，圖示總數超過 10 萬個以上！這些圖示集都是很知名的專案、也很常會在…
MotionElements 免費素材庫：一站式下載影片、音樂、圖片模板
上次寫完「MotionElements AI 腳本產生器：快速打造完整影片場景、音樂、短片和旁白文字」工具介紹後，發現好像還沒推薦過 MotionElements 給免費資源網路社群…