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

前端的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網格來作頁面佈局

 

 

---

 

 

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