網路上的免費資源相當多，不過都是散落在各處，除非透過搜尋引擎或網站介紹，加上教學步驟或分類索引讓使用者更容易找到，這就是免費資源網路社群持續在進行的工作。但有更多網站其實是專注在單一領域，舉例來說 100font.com 收集整理可免費商用字型，提供字型檔下載鏈結；The Stocks 2 整合多個免費圖庫、影片、圖示和字型，在單一網站就能快速瀏覽切換，其實類似網站很多，通常可以為使用者省下很多時間。
網頁素材
VISIWIG 整合免費圖示、背景圖和紋理效果，一鍵複製 CSS、SVG 程式碼
這幾年有不少背景圖案製作工具，都可以在線上預覽、客制化圖形細節，最終產生 CSS 和 SVG 格式，甚至在不用下載任何檔案的情況下直接複製程式碼，加入網頁就會獲得非常好的效果，兼具品質和效能，也不會拖慢網頁速度。例如之前我厭過的 Hero Patterns 快速產生重複圖案 CSS 背景；CSS Background Patterns 也能製作各種純色彩背景圖，如果需要背景圖也能試試看接下來要介紹的服務。
SVG Waves 免費波浪圖產生器，互動式介面即時產生圖案原始碼
Cool Backgrounds 免費背景製作工具，內建五種效果可自訂顏色
根據 Cool Backgrounds 開發者研究，在發佈網頁或文章前最困難的步驟之一是找到合適背景圖片，好的圖片不僅能凸顯整篇內容質感，也可獲得更多使用者注意。我之前推薦不少免費背景產生器，依照使用者需求快速製作出很活潑、色彩鮮豔的背景，例如 Svg Wave 產生波浪狀背景圖案（在很多網站都能看到）；Hero Patterns 製作好看的重複平鋪式背景，而且只要將 CSS 語法帶入就能套用。
Everypixel Patterns 協助設計師製作無接縫圖案，運用演算法產生圖庫
最早介紹 Everypixel 這家公司的產品是「Everypixel 整合 50 個頂尖免費圖庫搜尋引擎，使用演算法過濾不適合圖片還能比價」，簡單來說，很多免費圖庫的相片品質參差不齊，有些甚至還有濃濃的「圖庫感」，Everypixel 就是透過機器學習和類神經網路技術，讓程式自動幫我們篩選掉一些一看就不會想使用的相片；後來還推出另一個「Everypixel Aesthetics Tool」由使用者上傳相片，交給機器幫你判斷這張相片究竟夠不夠吸引人。
IconPark 字節跳動官方免費圖示庫，1400 個 SVG、PNG 圖片格式下載
現在很多企業公司或品牌都會將自己開發的設計素材開放出來，像是圖示集、字型或是網頁框架等等，使這些項目可以被更多人使用，或是在開源的情況下創造出更多可能性，當然一方面也能提高被看到的機會。之前介紹過「IBM Plex：IBM 設計免費字型下載，三種字體類型及風格指南」就是其中一個例子，或是 GitHub 釋出的開放原始碼免費圖示 Octicons 也是非常好用的素材庫，如果需要圖示可以直接在網路上搜尋。
PixelTrue 提供 150 張免費向量插圖、動畫圖下載，MIT 授權可商業用
cchound 收錄 100% 免費、高品質音樂素材，以 CC 授權方式釋出
Squircley 線上 SVG 圖片產生器，可製作圓形、正方形或方圓形彩色圖片
Svg Wave 線上製作波浪背景圖，調整波峰數或高度產生 SVG、PNG 格式
對於一般內容網站來說，為了使頁面內容有好的可讀性，可能會維持網頁底色為白色或單一顏色，但如果是網路服務或應用程式，想讓背景活潑也能加入變化，例如 Hero Patterns、Background Image Generator 或 SVG Backgrounds 產生紋理材質背景，既不會太過混雜又不像單一顏色這麼無趣，在維持網頁效能的情況下只要透過 SVG 或產生小張 PNG 圖片，以 CSS 方式載入就能自訂背景。