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

来源:GitHub精选

Hi!大家好呀!我是你们可爱的喵哥!

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

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

一个人竟然撸了一个网易云音乐云村

一款 Github 代码泄漏监控软件

...

关注Github喵,回复「进阶」,

领取喵哥推荐的技术进阶知识大礼包!!!

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

点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

MySQL部分从库上面因为大量的临时表tmp_table造成慢查询

背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_

皕杰报表之UUID

​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

2020年前端实用代码段,为你的工作保驾护航

有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )

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