15款不容錯過的前端開發Javascript和css類庫 - 2017版本~

標籤：實現   unit   pos   box2d   安裝   重用   listen   解決   組件   

前端的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網格來做頁面配置

 

 

 

 

以上就是本期分享的內容， 有任何問題和建議，請給我們留言哈~~

15款不容錯過的前端開發Javascript和css類庫 - 2017版本~