10个有趣的Javascript和CSS库-2017年4月

作者:月光光 2017年04月09日 13:57helloweba.com 标签:JavaScript  CSS3 

我们继续每个月为广大web爱好者提供最新的前端Javascript和CSS库资源,本月精心收藏的一些好的前端资源分享给大家,以感谢您对Helloweba的持续关注。

Core UI

Core UI是一个基于Bootstrap4的用于后台管理模板的UI库,它提供了高度可定制的解决方案和控制面板,并且非常容易和当前流行的前端框框融合,如:AngularJS, Angular 2, React.js, and Vue.js。

React Trend

React Trend是一个Reat.js的用于创建漂亮的线型图,通常用于展现趋势图等数据可视化项目。它遵循简约方式,给您一个简单易用的方式来解决您的特定的问题,所以它不是一个全面的有着各种柱状图、饼状图等的图标库。

React Trend

Element

Element是一个基于vue.js 2的UI框架,它包括一套超过50个组件,风格一致,遵循一定的设计和颜色选择。每个元素是有据可查的,非常容易定制并且应用到你的vue.js项目中去,它还提供了很多有用的模板组件。

Element

BigPicture

BigPicture是一个非常现代的灯箱插件,灯箱可以是图片和视频,提供平滑动画叠加弹出窗口。BigPicute的一个很棒的功能是它与<img>标签和背景图像元素一起工作,为开发人员提供自己的标记。 对于视频,支持YouTube,Vimeo和直接视频链接。

Reactive Listener

不要让名字忽悠你,这不是一个React组件。 活动监听器是Zurb的一个小型库,它允许我们创建高级事件监听器,响应更复杂的操作而不仅仅是单击和悬停。 现在,它只能识别用户何时向元素移动,但将来可能会添加更多酷的侦听器。

Eagle.js

Eagle.js是一个用于制作基于Web的幻灯片的Vue.js框架,类似于Reveal.js。 它支持动画,主题,互动小部件(用于网络演示),并且可以轻松地在演示文稿之间重用组件,幻灯片和样式。

Pushy Buttons

一个只有CSS的3D按钮的小型库,在按下时具有平滑的推压效果。 按钮有4种尺寸和3种颜色,可以通过SASS轻松定制,也可以简单地修改源.css文件。

MoveTo

一个零依赖的JavaScript动画库,gzip压缩后只有1kb,超级容易使用,并利用本机window.scroll API进行动画处理。

RPG Awesome

免费图标字体,包含近500个幻想主题矢量图标。 它涵盖从武器和盔甲到魔术和库存物品的一切。 RPG Awesome可以像任何其他网页图标字体(<i class =“ra ra-sword”> </ i>)一样使用,可以通过简单的CSS或SASS进行自定义。

Tent CSS

Tent CSS是一个框架(或其创作者称之为CSS生存套件),为您提供构建响应式网站所需的所有基本必需品。 它是非常轻量级(只有5kb gzip压缩),遵循BEM标准,并有一个现代的flexbox网格进行布局。

0条评论