四月份值得关注的15个JavaScript和CSS库

Core UI

​Core UI是一个基于Bootstrap4的后台管理模板，提供高度可定制化的解决方案来构建控制面板，提供多种独立的标准版本，可集成在当前几个最流行的框架中：AngularJS、Angular 2、React.js、Vue.js。

地址：http://coreui.io/

React Trend

Unsplash团队开发的一个React组件，可用来创建简洁的曲线图，适合展示趋势与活动指标。这个项目提供了一种简单优雅的解决方案来处理一个特定问题，所以不要期望它会有一个全面的图表库。另外也为你提供了一个非官方的Vue端口。

地址：https://unsplash.github.io/react-trend/

Element

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。拥有一套超过50个风格一致、遵循特定设计规范和配色的组件，每个组件都有详细的文档说明，易于定制，易于在Vue.js项目中使用。另外还提供了Sketch模板用于快速搭建页面原型或高保真视觉稿。

地址（中文）：http://element.eleme.io/#/zh-CN

Extension Boilerplate

这个一个基于WebExtensions（https://developer.mozilla.org/zh-CN/Add-ons/WebExtensions）的项目，可帮助我们开发跨浏览器拓展，一次开发，即可适配Chrome、Opera和Firefox三个浏览器。另外还有实时刷新以及在提交到各自浏览器应用商店时需要用到的Sketch等炫酷功能。

地址：https://www.emailthis.me/open-source/extension-boilerplate

BigPicture

一个现代化的lightbox插件，不仅支持图片，而且支持视频，拥有平滑的动画效果和弹窗效果。BigPicture另一个特性是不仅支持<img>标签，而且支持background-image元素，开发时可灵活使用。至于视频，YouTube、Vimeo以及直接的视频链接都是支持的。

地址：https://henrygd.me/bigpicture/

Reactive Listener

别被这个库的名字忽悠了，这并不是一个React组件。Reactive listener 是由Zurb公司开发的一个微型 JS 库，可用于创建高级的事件监听器，对更复杂的事件作出响应，而不只是简单的鼠标点击与滑过。虽然现在它只能识别出用户移动到了那一个元素，但以后会有更多炫酷特性被开发出来。

地址：http://zurb.com/playground/reactive-animation-listener#

Eagle.js

Eagle.js 是一个用于制作基于web的幻灯片特效小的 Vue.js 框架，与 Reveal.js（http://lab.hakim.se/reveal-js/#/）类似。 支持动画、主题、交互式部件（可用于web demo），组件易于重用。

地址：https://zulko.github.io/eaglejs-demo/#/

Planck.js

这是一个用JavaScript重写的C++ Box2D图形引擎，Box2D这个引擎已流行多年，被C++游戏开发者所熟知。Plank.js为这个引擎优化了web表现以及移动端浏览器的适配，并且提供了开源的JavaScript代码和开放的API接口。使用这个框架，开发者可以更轻松的进行基于web的2D游戏开发以及其他图形相关的实验。

地址：http://piqnt.com/planck.js/

Create React Native App

继Create React App（https://github.com/facebookincubator/create-react-app）的成功之后，又有了一个无需任何配置即可创建 React Native app 的工具。它可以让我们在不安装Xcode 或 Android Studio 的情况下创建和测试React Native app。

地址：https://github.com/react-community/create-react-native-app

Pushy Buttons

一个仅用 CSS 构建的微型3D按钮库，按钮有平滑的按下特效，这个按钮库仅有4种尺寸，3个颜色的按钮，可通过SASS或者直接修改CSS源文件轻松定制。

地址：https://iraul.github.io/pushy-buttons/

React Overdrive

React Overdrive 可帮助我们创建组件或页面之间的过渡动画，其 API 是基于组件的，所以设置转换非常简单，即使是在多个JavaScript文件间进行切换。

地址：https://react-overdrive.now.sh/

MoveTo

点击-滚动的效果在页面制作中非常常用，比如业内导航、返回顶部，这次我们推荐一个仅有 1kb 大小、零依赖的 JavaScript 库 —— MoveTo，利用本地的window.scroll API制作动画，超级好用。

地址：https://hsnaydd.github.io/moveTo/demo/

Anchorme

Anchorme 是一个强大的 JavaScript 库，接受任意字符串或文本文件然后检测出其中所有的URL。快速、可靠，并且有许多有用的功能可定制选项。可应用的场景包括将文本中的链接转换成可点击的HTML <a> 标签、邮箱、URL、IP的验证。

地址：http://alexcorvi.github.io/anchorme.js/

RPG Awesome

免费的图标字体，打包了近500个漂亮的矢量图标，包括玩家、化学用品、库存、动植物等丰富的矢量图标（游戏中可用），可以像其他图标字体一样使用（<i class=”ra ra-sword”></i>）并通过SASS或者CSS进行定制。

地址：http://nagoshiashumari.github.io/Rpg-Awesome/

Tent CSS

Tent CSS 包含了构建一个响应式网站所必须的所有基础组件，非常轻量级，压缩后仅 5kb 大小，遵循BEM标准，使用现代化的 flexbox 进行页面布局。

地址：https://css.sitetent.com/