15款不容错过的前端开发Javascript和css类库 - 2017版本~

Posted 2020-08-13

前端的JS和CSS类库日新月异， 在今天这篇介绍中，我们将精挑细选15款超棒的JS/CSS类库， 希望大家在开发过程中会觉得有帮助~

 

 

---

 

 

Core UI

基于Bootstrap4的一套UI类库， CoreUI是一套admin的管理模板，提供了高定制化的解决方案来创建控制模板和平台。 这有几种不同的版本帮助你快速的整合最流行的框架，比如， AngularJS， React.jS，Vue.jS等等

 

React Trend

来自Unsplash的一个react版本的组件，用来方便的创建线图，可以方便的展示趋势和活跃相关的数据。这个项目使用了极简的设计模式，给予你一个简单直接的方式来达到目的。 所以不要期望提供了一个完整功能的类库。 当然， 同时也提供了一个非官方的Vue版本，点击这里获取

 

Element

element是一个基于Vue2.0.js的UI框架。 包含了超过50个组件的样式设计， 包含了特定的设计和颜色选择。每一个元素都拥有非常好的文档， 并且非常易于在线vue.js中定制化和实现。 这里同样也包含了一格实用的Sketch模板，用来帮助你设计mockup

 

BigPicture

现代lightbox插件可以同步支持视频和图片，提供了弹出式的顺滑动画。 特别拽的特性在于同时支持<img>标签和background-image元素， 给于开发人员充分自由度。 

 

Reactive Listener

不要以貌取人， 这并非一个react的组件。 Reactive listener是一个来自Zurb的微型类库，允许你创建先进的事件监听， 响应点击和悬浮相关的复杂行为。 目前只能识别用户向元素移动， 但是未来更多很酷的监听会被添加进去

 

Eagle.js

Eagle.js是一个Vue.js框架的类库，用来创建基于web的幻灯效果，非常类似reveal.js，支持动画，主题，互动组件，所以非常易于组件，样式，幻灯的重用

 

 

Planck.js

这个类库是知名的C++ Box2D类库的javascript版本实现， box2d已经被游戏开发工程师使用了很多年了。planck.js优化了web/移动浏览器的引擎， 提供了开源的Javascript代码基础和API。 这个方式开发人员将会更加舒服的创建2D游戏和其它物理相关体验

 

 

Create React Native App

随着Create React App的成功， 这又出现了一个React Native app工具，不需要任何编译配置。 允许React Native apps 被配置和测试， 而不需要安装Xcode或者android Studio

 

 

Pushy Buttons

一个非常迷你的CSS-only的3D按钮， 拥有非常好的下压效果。 按钮提供了4种尺寸， 3种颜色， 非常容易通过SASS定制化， 或者简单修改CSS源文件

 

MoveTo

轻量级的点击移动动画类库， gzip后只有1kb，大家可以体验

 

Anchorme

一个强大的Javascript类库， 可以检测任何字符串或者文本中的URL地址。 快速，并且准确， 拥有很大多定制化的功能。 包含一些实用的功能， 比如， 将URL转化成了可以点击的<a>标签

 

 

RPG Awesome

免费的图标字体， 拥有将近500个超棒的矢量图标。 可以通过SASS定制化~

 

Tent CSS

Tent CSS是一个提供了最简单响应式开发的框架。 轻量级， 5kb， 拥有现代的flexbox网格来做页面布局

 

 

---

 

 

以上就是本期分享的内容， 有任何问题和建议，请给我们留言哈~~