干货15 个有趣的 JS和CSS 库

炎炎夏日

经历了几天的大暴雨过后

我们的内心趋于平静

“趟水上班真好玩”

趟水给大家准备了

哪些有趣、好玩的前端库

一起来瞧瞧吧

1

Popmotion

作为一款高级的动画引擎,Popmotion 能够让你通过各个方面控制元素的动画效果。与同类动画库相比,它更加的轻量,依旧保持了每秒 60 帧的帧频,同时它也支持 CSS、SVG 以及许多其他功能。

2

Pnpm

Pnpm 是一个全新的包管理器,它提供了一个独特的文件系统,即每个节点模块仅需要保存一次,而不必因新项目的需求而再次下载,这便大大的减少了安装包所耗费的时间,同时也节省了存储空间。

3

UI Kitten

UI Kitten 是一个包含了常用 UI 组件的 React Native 框架。它没有任何不必要的 React 代码膨胀,只提供给你相应的构建模块,以便你能够快速的创建出漂亮的移动界面。

另外,它的 iOS 和Android Demo 应用程序也提供了下载。

4

Blessed-contrib

Blessed-contrib 是一个用于开发终端应用程序的 JavaScript 框架。它基于 ASCII 的用户界面,并提供了一系列可定制的小部件,易于你引导终端应用程序,同时提供给你所需的功能。

5

RE:DOM

这是一个类似于 React 和 Vue 的全新 UI 库,它可以帮助你定义可重用组件,并保持 DOM 元素与数据模型同步。与上述库不同的是,RE:DOM 不使用虚拟 DOM,这使其轻量,并具备超高的内存效率。

6

Devicon

Devicon 是一组汇集了编程语言、各种设计与开发工具的图标合集。你可以将整个图标字体导入到项目里,或者直接复制、粘贴 SVG 代码来使用它。

7

Vanilla Tilt

Vanilla Tilt 是 Fork 自 Tilt.js 的轻量级 3D JS 库,它接近原生,并提供了丰富的功能(60 FPS 动画、大量的效果、优秀的定制),同时它还增添了基于 data-attributes 易用的 HTML API.

8

Flubber

这是一个帮助你生成流畅平滑过渡效果的 JS 库。Flubber 提供了一系列依据形状类型进行不同种类的插补方法,该库可同时与 SVG 路径或 x:y 坐标数组一起使用。

9

billboard.js

billboard.js 是一个基于 D3 的图表库,用于快速的建立美观、漂亮的图表。它由具备所有 API 方法的 JS 内核,以及可供修改的所有 CSS 样式文件组成。同时,它还拥有超过 15 种不同类型的图表和大量额外的自定义选项。

10

Share-this

Share-this 是一个轻量级插件,它能够为页面中的任意选定文本添加快速分享选项。它的界面与Medium 的选定文本分享界面相似,并且还带有一个包含了各种按钮的小型提示工具,用于在你选定的社交媒体上进行分享。

11

Bojler

Bojler 是一个用于编写 HTML 代码的电子邮件模版与指南,可以在众多流行的电子邮件客户端中准确呈现。它包含了类似于 Bootstrap 的 12 列网格系统,各种样式的组件以及其他实用的程序。

12

Study

Study 是一个简洁、灵活、清晰的 A/B 测试工具。该工具可以同时在浏览器和服务器环境中工作,同时支持多存储驱动程序,并具有清晰、文档齐全的 API.

13

Nextein

Nextein 是一个静态网站和博客生成器,它由 React 服务器端渲染库 Next.js 提供强大的支持。它支持 React 进行网站的构建,还支持 Markdown 编写内容,并且它的安装和设置相对容易。

14

Now UI Kit

Now UI Kit 是一个构建在 Bootstrap 4 上的 CSS 框架。它具备超过 50 种扁平的样式组件,Nucleo 图标集和用于原型设计的 Sketch / PSD 文件。同时,它还提供了 3 套页面模版(着陆、登录和个人资料页面),帮助你立即开始使用。

15

Ink

Ink 是一个使用 React 风格开发命令行界面应用的工具。作为可选插件,它实现了使用 Redux+React 的最低功能需求。

英文原文:15 Interesting JavaScript and CSS Libraries for July 2017

作者:Danny Markov

译者:IT程序狮

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180720A1412O00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券