文章出處

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

 

 


 

 

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


文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()