GitHub Star 10K,让你的网站更炫酷的开源库

跟風遠走 提交于 2021-02-07 17:08:21

【公众号回复 “1024”,免费领取程序员赚钱实操经验】

大家好,我是你们的章鱼猫。

现在不少网站都支持了骨架屏,能够在网页数据加载前,展示固定的布局,能够减少用户在进入网页时感受到白屏的不适感。

今天要给大家推荐一个标星 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

--- 特别推荐 ---

特别推荐:一个新的优质的推荐高效工具,软件,插件的公众号,每天给大家分享优秀的效率工具,「程序员掘金」,专门为程序员挖掘好东西的一个公众号,非常值得大家关注。

本文分享自微信公众号 - 非著名程序员(non-famous-coder)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!