个有趣的

2017 年 4 月:15 个有趣的 JS 和 CSS 库

2017/04/12 · CSS · CSS, JS

原来的书文出处: Danny Markov   译文出处:IT程序狮   

图片 1

15 个有意思的 JS 和 CSS 库(2017 年 4 月卡塔尔国

时刻如光阴似箭, Tutorialzine 为大家带来了 2017 年 三月份一些留心接纳的优良 Web 开垦财富。前端开采者们,让大家一同近水楼台呢!


2017 年 9 月:15 个有趣的 JS 和 CSS 库

2017/09/21 · CSS, JavaScript · 资源

初藳出处: Danny Markov   译文出处:IT程序狮   

图片 2

迎来了高商 9 月,在此获得的时节,Tutorialzine 又为大家带给了哪些特殊、风趣的前端财富呢?前端开辟者们,一同来探视有木有您需求的前端库。


1. Core UI

图片 3

Core UI 是三个遵照 Bootstrap 4 的治本模板,它提供了成立调整面板的莫斯中国科学技术大学学自定义实施方案。同一时候,为了让您飞速的将它与局地风靡的框架整合使用(AngularJS,Angular 2,React.js 和 Vue.js.卡塔 尔(阿拉伯语:قطر‎,它还提供了有的独立的标准版本。

项目地址:【传送门】

1.DisplayJS

图片 4

DisplayJS 是三个扶助你渲染 DOM 的轻松框架。使用它,你可以更易于地将 JS 变量遍历到一定的 HTML 成分中,相像于 React 或 Vue.js 管理模版的章程。

品类地址:【传送门】

2. React Trend

图片 5

这是由Unsplash集体出品的生龙活虎款 React 组件,用于创立体现趋向与移动指标的古雅的线型图。该品种遵照极简化的解决思想,并提要求你一个用来消除具体难题的粗略、文雅的解决方案。别的,它还恐怕有野鸡的Vue 接口,但不会提供整机的图表库。

花色地址:【传送门】

2.React Beautiful DnD

图片 6

那是由 Atlassian 开源的用来创制拖拽组件的 React 库。它提供了强有力、易用的 API,以至丰硕的定制选项和控件。它所生成的组件,也具备了平坦的 GPU 动画效能。当成分被捡拾或再一次排序时,其坚守将会来得出来。

项目地址:【传送门】

3. Element

图片 7

Element 是生机勃勃款基于 Vue.js 2.0 的 UI 组件库。它富含了 50 的零器件,并遵照意气风发致性的安插标准,即分界面中的设计样式、颜色搭配保持大器晚成致。同时,种种成分都轻易定制,并可在任何的 Vue.js 项目中选拔。那还应该有八个用于创设实人体模型型的实用的Sketch Template组件,你也足以看看。

花色地址:【传送门】

3.R2

图片 8

那是三个簇新版的 Node.js Request库,它提供了多个更轻量的 HTTP 顾客端应用方案。与 Request 库差别的是,它白手立室在原生浏览器Fetch API上述,可被接收于 Node.js. 并且,奥迪Q52 在减小后唯有 16KB 大小。

花色地址:【传送门】

4. Extension Boilerplate

图片 9

这么些类型为大家创制跨浏览器扩大奠定了牢固的底子。Boilerplate 基于WebExtensions,能够二遍写入扩充名,并能够将它们同一时候安排到 Chrome,Opera 和 Firefox 上。它还具有一些此外太酷的成效,比方实时重载。

品种地址:【传送门】

4.Primer CSS

图片 10

Primer CSS 是由 GitHub 的前端设计员研究开发的 CSS 框架。为了便于安装,它的 23 个包被划分为 3 个基本的元包,每一个包都能够透过 NPM 进行单独版本的拆穿。

品种地址:【传送门】

5. BigPicture

图片 11

风华正茂款轻量级的灯箱插件,它亦可同不时候为图像和摄像,提供流畅的动漫片叠加弹出窗口。BigPicture 提供了一个很棒的效率,即它能够与`标签和background-image`成分一起专门的职业,而开拓者也得以张开随机的暗号。至于摄像格式 – YouTube、Vimeo 和间接录像链接均可支撑。

花色地址:【传送门】

5.Puppeteer

图片 12

Puppeteer 是叁个用来操纵 Headless Chrome 的封装库,它由 Chrome DevTools 官方协会进行爱慕。你也得以在大家的稿子《使用 Node.js 自动化Google Chrome》中,精晓更加的多大家品尝的片段意义。

连串地址:【传送门】

6. Reactive Listener

图片 13

请不要因为它的名字,令你出现局地歪曲,它可不是 React 组件。Reactive listener是由Zurb公司出品的风流浪漫款微型库,它亦可扶持大家创制高等的平地风波监听器,用来响应那多少个(比轻松的点击与悬停卡塔尔更复杂的操作。如今它只好够辨识客商何时向成分移动,但前途说糟糕会扩展更加多的效能。

体系地址:【传送门】

6.Marko

图片 14

那是风华正茂款与 React 和 Vue.js 相近的新星 JS 框架。它能够协助您将应用程序分解为独立的构件,并可随即间的延迟,以至响应顾客操作的成形突显程序视图的变化。同时,马克o 能够在行使中自动更新 DOM 来反馈数据。

项目地址:【传送门】

7. Eagle.js

图片 15

Eagle.js 是七个用以成立基于 Web 幻灯片的 Vue.js 框架,与Reveal.js诚如。它援助动漫、大旨、人机联作小零器件(用于 Web 演示卡塔 尔(英语:State of Qatar),况且能够轻巧地在演示文稿之间张开零件、幻灯片和体裁的选取。

品类地址:【传送门】

7.Redocx

图片 16

Redocx 是三个用以转移 Word 文书档案的 React 库。你能够利用 React 组件对文书档案实行定义,并因此命令行将其渲染为 Word 文书档案。同时,此库也包蕴了报表、图像、页眉、页脚等丰盛的零部件供您采取。

类型地址:【传送门】

8. Planck.js

图片 17

这几个种类是游玩开荒人士使用 C 对 Box2D大要引擎的 JavaScript 重写。Plank.js 优化了 Web 和活动浏览器的引擎,并提供了三个对 JavaScript 友好的开源代码库和 API。所以,当开拓人士在制作 2D 游戏时,他们能更百发百中。

种类地址:【传送门】

8.Fuzzysort

图片 18

那是一个用以营造立模型糊寻找分界面包车型大巴 JS 库,相像 Sublime Text 中的分界面样式。该库会基于查找查询的相称度,计算出寻觅相配数与时间长度。

类型地址:【传送门】

9. Create React Native App

图片 19

继成功了Create React App花色的 Boilerplate 之后,这还应该有二个不要搭建项目配置,用于创立 React Native 应用程序的工具。无需安装 Xcode 或 Android Studio,你就可以对 React Native 应用程序进行设置与测验。

品种地址:【传送门】

9.Trowel

图片 20

Trowel 是叁个 SASS 工具包,它提供了意气风发种写入 SASS 变量的新点子,允许你将七个变量分组到单个对象中,让您的 SASS 代码更易编写,更易阅读。

类型地址:【传送门】

10. Pushy Buttons

图片 21

意气风发款纯 CSS 实现的 3D 开关微型库。点击按键后,会有种平滑推压的作用。而开关包罗了 4 种尺寸与 3 种颜色,你可以通过 SASS 轻松的开展自定义,也得以差不离地改革 .css 源文件。

品种地址:【传送门】

10.Vivify

图片 22

Vivify 是由纯 CSS 写的动漫库,该库提供了当先 50 种动漫效果供你筛选。你只须要将Vivify的类增添到相应的因素,就能够使其发生动漫效果,並且增进infinite类后,动漫就足以循环播放了。

花色地址:【传送门】

11. React Overdrive

图片 23

React Overdrive 是三个为 React 应用程序创设的大致、美妙的接入动漫制作构件。你能够轻松的在页面上,大概应用程序中区别景况(或页面卡塔 尔(英语:State of Qatar)之间创建出光彩夺目的对接动漫效果。由于它的 API 是依据组件的,由此,尽管在多少个 JavaScript 文件之间张开切换,设置过渡效果也丰硕的轻便。

品类地址:【传送门】

11.Tons of Checkboxes

图片 24

这是三个 CSS 复选框组件合集,它由大小不黄金时代、样式各异的复选框组成。同期,全数的复选框都富有 4 种分裂的尺码,况兼协作 IE9 和持有当代浏览器。

品种地址:【传送门】

12. MoveTo

图片 25

少了点击滚动动漫库的每月财富引入,毕竟是不完全的。所以,在上一个月的财富推荐列表中,我们为大家带来了零重视的 JavaScript 库:MoveTo 。它是一个唯有 1kb 的 gzip 压缩,并超易使用的 JS 库,同期你能够利用原生的 window.scroll API 来创制动漫。

项目地址:【传送门】

12.Push

图片 26

Push 是贰个通用的桌面布告框架。它依据强大的Notification API,可看作可相信的跨浏览器建设方案,假诺客商的浏览器不援助新型的 API,则会沿用老版 API 完毕。

种类地址:【传送门】

13. Anchorme

图片 27

Anchorme 是一个有力的 JavaScript 库,它能够选择任何字符串或文本文件,并检查测量试验个中的全体 UXC90L 地址。它高效、可信赖,并有成都百货上千实用的作用,同时能够自定义选项。它的运用示例富含:将文件中的链接调换为可点击的 HTML ``标签,从字符串中领到 U奥迪Q7L 地址,或将其当做电子邮件,UQX56L 和 IP 的验证器。

类型地址:【传送门】

13.react-imgpro

图片 28

react-imgpro 是二个用于图像管理的 React 组件。它能够动用 filters 进行图像处理,并生成 base64 格式的图像。它概括易用,你只需求钦点三个图像的 U汉兰达L,接受相应的 filters,并填写输出图像的高低与格式就能够。

项目地址:【传送门】

14. RPG Awesome

图片 29

那是一个具备近 500 个科学幻想核心的免费矢量Logo网址,它满含了 RPG 游戏中军火、盔甲、魔法以至仓库储存货物等相关的Logo,而利用方法也与其他网页Logo字体形似。 (``) 以至,你还足以行使 CSS 或 SASS 举办简易的自定义更正。

品种地址:【传送门】

14.Lozad.js

图片 30

Lozad.js 是贰个高性能、可配备的纯 JS 达成的懒加载器。它依据 Intersection Observer API,未有任何依赖,协理动态懒加载添英镑素。 相同的时候,它也是轻量级库,在 Gzip 压缩后唯有 535 字节大小。

项目地址:【传送门】

15. Tent CSS

图片 31

Tent CSS 是一个功底的 CSS 框架,它为你提供了创设响应式网址所要求的主干组件。它是轻量级的(gzip 压缩后只有 5kb 大小卡塔尔,并依据BEM 标准,同临时间可用来今世的 Flexbox 网格布局。

种类地址:【传送门】


多谢你的翻阅。若您具有收获,接待打call与享受。

1 赞 3 收藏 评论

图片 32

15.Semiotic

图片 33

那是一个组合了 React 和 D3 的数码可视化框架。它提供了 3 种档案的次序的框架(XYFrame,OPRADOFrame,NetworkFrame卡塔尔,可协助您生成一些绚烂图表。而展现数据的方式,也能够因此调节框架中装置或许增添CSS 样式进行定制。

品种地址:【传送门】


多谢您的翻阅。若你具备收获,款待打call与分享。

1 赞 5 收藏 评论

图片 34

本文由星彩网app下载发布于前端技术,转载请注明出处:个有趣的

TAG标签:
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。