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

Core UI

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

地址:http://coreui.io/

Core UI

React Trend

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

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

react trend

Element

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

地址(中文):http://element.eleme.io/#/zh-CN

element

Extension Boilerplate

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

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

extension-boilerplate

BigPicture

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

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

Big-Picture

Reactive Listener

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

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

Reactive-Listener

Eagle.js

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

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

Eagle.js

Planck.js

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

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

Plank.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

Create React Native App

Pushy Buttons

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

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

Pushy Button

React Overdrive

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

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

React Overdrive

MoveTo

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

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

MOVE TO

Anchorme

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

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

Anchrome

RPG Awesome

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

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

RPG Awesome

Tent CSS

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

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

Tent CSS

转载请注明以下内容: