15 个有趣的 js 和 css 库 -买球官网平台

1顶
0踩

15 个有趣的 js 和 css 库

2017-09-01 10:20 by 副主编 jihong10102006 评论(0) 有7865人浏览
炎热的 7 月已经过去,秋天的脚步更近了。在本月,tutorialzine 依旧为大家带来了一些有趣、实用的前端库,看看有哪些适合你的项目呢?

1.


这是一组自带悬停动画的精致 svg 图标。但与大多数 web 图标不同之处在于 - 它的动画是基于 js 的,需要你使用 bodymovin 库将动画效果导出为 svg 格式。

项目地址:【】

2.


rebass 是一个用于构建响应式 web app 的 react ui kit。它由超过 60 种样式组件构成,可通过中的属性进行自由定制。这样可以保证样式的隔离,便可减少在应用程序中编写自定义 css 的需求。

项目地址:【】

3.

bootstrap 4 的官方 beta 版已经正式发布了!新版本的框架也发生了许多重大的改变,包括支持了基于 flexbox 的网格体系,新增并重写了相关组件,更快的 es6 javascript 插件,改进了文档等等。

项目地址:【】

4.


这是一组带有悬停动画效果的 html 按钮,这些按钮不仅拥有不同的形状与大小,而且具备了丰富的动画效果供你选择。hover buttons 是由 scss 制作的,所以你可以轻松的删除不想要的按钮,或根据个人喜好自由的定制其样式。

项目地址:【】

5.


react simple maps 是一个用于创建 svg 地图的组件库,它具备添加地图细节的各类组件,它们可为地图的各个区域添加文字注释、标记以及自定义颜色。

项目地址:【】

6.


gpu.js 是一个用于在浏览器中运行 的 js 库,它将 javascript 编译成能够通过 webgl api 在 gpu 上运行的着色语言,以便更快地执行复杂的计算。如果 webgl 不可用,则这些函数仍将以常规的 javascript 运行。

项目地址:【】

7.pell



pell 是一款超轻量的 wysiwyg 文本编辑器。它由仅 200 行的 es6 代码所构成,只有 1kb 的大小,并且没有任何的依赖关系。同时,它还支持 markdown 文本格式所需的所有操作,包括插入图像和链接。

项目地址:【】

8.


chromeless 是一个基于 chrome 平台 的 web 自动化框架。它的 api 和功能与其他流行工具(如 和 )非常相似,主要区别是它在 chrome 的 headless 模式下可以运行所有的测试。同时,它还可以在本地或借助 aws lambda 工作。

项目地址:【】

9.


fitty 是一个 vanilla javascript 库,它可以更改文本的字体大小,使其适应固定宽度的容器。它适用于所有标准的 web 字体,并且可以“向上”或“向下”缩放其大小,以便让它们更好的占据可用空间,而无须换行。

项目地址:【】

10.


这是一个用于发送通知的 node.js 库,旨在成为一个处理电子邮件、短信和推送通知的一体化买球软件推荐的解决方案。另外,每个服务都有多个提供商可供你选择。

项目地址:【】

11.


shoelace 是一个炒鸡轻量的 css 入门套件,旨在为 bootstrap 提供一个更简单的替代方案。它由 css reset 与一些实用的 ui 组件构成,没有过多的样式和功能。由于这个库的代码是基于 css 变量的,所以也易于定制。

项目地址:【】

12.


tensorfire 是一个能够在浏览器中运行神经网络的框架。由于 tensorfire 可通过 webgl 进行 gpu 加速,所以运行较大的机器学习模型也不是事儿。虽然,该项目还处于早期阶段,但也有了一些十分有前景的演示。例如

项目地址:【】

13.


这是利用 bootstrap、pugjs、sass 构建的后台信息管理模板。由于该项目是基于易于定制的理念而设计,所以,所有的样式都是由独立的 sass 模块进行组织。同时,该模版还提供了丰富的组件与小部件,你可以在 中查看它们。

项目地址:【】

14.


botui 是用于建立聊天机器人会话界面的 javascript 框架。它有一个超简单的 api,你可以通过添加消息、问题,甚至形成供用户填写的输入字段来配置对话流。

如果你想了解有关交互式会话 ui 的更多信息,请参阅我们的文章。

项目地址:【】

15.


这是一个用于生成唯一 id 的小型 javascript 库。它仅使用对 url 友好的符号来生成字符串,但它也有一个让你提供相应字母表的选项。在 的项目页上,你可以找到关于此库的工作方式,以及使用算法的一些有趣信息。

项目地址:【】

感谢你的阅读。若你有所收获,欢迎点赞与分享

引用
英文原文:
作者:danny markov
  • 大小: 144 kb
  • 大小: 348.8 kb
  • 大小: 35 kb
  • 大小: 238.9 kb
  • 大小: 136.7 kb
  • 大小: 43.5 kb
  • 大小: 34.6 kb
  • 大小: 20.4 kb
  • 大小: 23.3 kb
  • 大小: 38.7 kb
  • 大小: 48.3 kb
  • 大小: 165.3 kb
  • 大小: 105.6 kb
  • 大小: 56.4 kb
  • 大小: 14.4 kb
来自:
1
0
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • tailwind css tailwind是用于构建自定义用户界面的实用css框架。...这是一个纯css库,用于创建漂亮的复选框和单选按钮。 它提供了不同的形状(正方形,曲线,圆形),选择方式(默认,填充,thick),颜色

  • 在本月,tutorialzine 依旧为大家带来了一些有趣、实用的前端库,看看有哪些适合你的项目呢? 1. titanic 这是一组自带悬停动画的精致 svg 图标。但与大多数 web 图标不同之处在于 - 它的动画是基于 js 的,...

  • 英文 |https://javascript.plainenglish.io/compilation-of-javascript-and-css-libraries-that-i-fou...

  • 本文精心挑选了一些优秀的web开发资源。如: propeller:为基于 bootstrap 与谷歌的 ...baguettebox:是一个利用纯 javascript 编写的库,它可用于创建响应式灯箱画廊效果。 whitestorm:是基于 three.js 引擎用...

  • tutorialzine每月都会给我们精心挑选优秀的web开发资源,这些资源可以帮助我们解锁最新和最炫酷的网络开发姿势。前端er,让我们一起先睹为快吧! polly.js polly是一个用于记录,重...

  • 强大的javascript(节点和浏览器)库,用于从图像中提取文本。它能自动检测文本的位置和方向,识别60多种语言,包括中文、阿拉伯语和俄语等。 2.overlayscrollbars 强大的javascript库,...

  • wenk 是一个轻量级纯 css 写的文本工具提示库。虽然它的压缩版仅有700字节,但它依然能够管理并提供一些定制选项。诸如不同提示工具的大小、位置和文本对齐。 here: wenk 项目地址 5.  css loader ...

  • plank.js 优化了 web 和移动浏览器的引擎,并提供了一个对 javascript 友好的开源代码库和 api。所以,当开发人员在制作 2d 游戏时,他们能更得心应手。 项目地址:【http://piqnt.com/planck.js/】 ...

  • java学习,肯定少不了javascript和css库的身影,小编定时技术分享,送给每一个正奋斗在java前线的小伙伴们。 tailwind css  tailwind是用于构建自定义用户界面的实用css框架。 每个tailwind小应用都有多种尺寸,...

  •  迎来了黄金10 月,在这收获的季节,我又为你们带来了哪些新鲜、有趣的前端资源呢?前端开发者们,一起来看看有木有你需要的前端库。 1.displayjs displayjs 是一个帮助你渲染 dom 的简易...

  • (点击上方公众号,可快速关注)英文:danny markov 译文:it程序狮http://www.jianshu.com/p/ec9ff744eb20如有好文章投稿,请...前端开发者们,一起来看看有木有你需要的前端库。1.displayjsdisplayjs 是一个帮助你渲

global site tag (gtag.js) - google analytics