干货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程序狮