大家好，我是你們的章魚貓。

現在不少網站都支援了骨架屏，能夠在網頁資料載入前，展示固定的佈局，能夠減少使用者在進入網頁時感受到白屏的不適感。

今天要給大家推薦一個標星 1 萬的開源庫：react-content-loader，它是基於 SVG 支援快速搭建網頁骨架屏。

react-content-loader 有如下特點：

• ⚙️高定製化:可隨意的更改顏色、大小及閃動速度等；
• 可插拔配置:有很多的可插拔配置可以選擇，詳情可檢視http://danilowoz.com/create-content-loader/#gallery；
• ✏️自己 DIY 定製:通過使用 create-content-loader 可延展去創造你自己的骨架屏框架；
• 原生 React 支援: 相同的 API 和功能支援；
• ⚛️非常輕量化:只有不到2kB大小，同時做到了零依賴；

安裝和使用都很簡單哦。

同時該開源庫也提供了一個 UI，能夠通過視覺化的方式去構建你想要的骨架屏佈局。體驗網址：https://skeletonreact.com/

更多專案詳情請檢視如下連結。

開源專案地址：https://github.com/danilowoz/react-content-loader

最後，照舊安利一波我們的公眾號：「GitHub 精選」，目前每天都會推薦一篇優質的開源專案文章，主要分享比較實用或有趣的開發工具與開源專案。我們的目標是：挖掘開源的價值。這個公眾號超級值得大家關注。