10大html5前端框架

2021-08-31 11:33:57 字數 1795 閱讀 2890

bootstrap

官網:github:

總結:bootstrap 最大的優勢就是它非常流行,還有就是介面比較和諧, 劣勢是 class 命名不夠語義化,並且各種縮寫。

aui雖然作者聲稱是專為apicloud開發者設計的一套ui框架,但實際它還是解決了很多移動前端開發的普遍問題,是主 要面向混合開發的 css 框架。看起來作者比較猖狂,各種高階 css3 遍地使用,這讓我也不得不去查查這些個 css3 的相容性。不負眾望果然選的都是相容不錯的屬性,並且框架還提供了聊天介面、計數列表等元件。

github:

官網:總結:優點就是純 css 框架,如果不是複雜的效果,找個純 css 框架自己隨便改改就可以,而現在 css3 也已經能夠做到動畫,效率、質量、高效全兼顧,所以還是選擇了這種 css 框架。

amaze ui

官方的話說就是 「基於社群開源專案構建的乙個跨屏前端框架,以移動優先,從小屏到大屏,最終實現所有螢幕適配,適應移動互聯潮流」 。但其實我就是看中它能解決國內瀏覽器存在的跨屏適配和相容性問題。

官網:github:

總結:amaze ui 總的來說就是加入更多符合中國市場特性的元素,框架對跨屏、適配都做了的比較好的處理並且準備一了一系列的常用的網頁組 件,為減少搞相容、適配各種敲鍵盤的加班狗們的工作時間做了不小的貢獻。,框架還對中文排版優化,相容中國本土主流瀏覽器、輕量化,不僅適用於桌面端,還 更更適合移動端、包含一些封裝好的widgets。

frozen ui

感覺基礎樣式效果簡單色調清爽,有個比較活躍的社群所以元件什麼的也比較豐 富。

github:

官網:weuii

weui和同 frozenui都屬於 差不多的 weui了,也是乙個比較專一的框架,weui應該說比frozenui前者更專一。weui和同 frozenui都屬於 差不多的 weui了,也是乙個比較專一的框架,weui應該說比frozenui前者更專一,

github:

demo:

sui「sui 是一套基於bootstrap開發的前端元件庫,同時它她也是一套設計規範。通過sui,可以非常方便的設計和實現精美的頁面」。

github:

官網:

mui官網:

github:

結:就像之前說的這個框架是以兩大系統為參照來封裝ui元件,框架自身還有乙個較為活躍的社群,不太好的地方這也是我特別關注的一點,關於開發應 用的流暢度,我當然知道這是 h5 目前的劣勢,但是看到官網給的描述,還是抱著期待的心理試試看能否提公升,然而它其實還是需要是借助 webview來 提公升,而不是框架本身。

semantic ui

官網:github:

foundation

foundation 算是框架界的元老啦,都說框架去的早,而這個框架一直到現在依然這麼的熱門,如果你比較介意 bootstrap 開發撞臉的尷尬事情,那麼你可以考慮使用 foundation 。即使你使用預定義的 ui 元素, 也不會與其他**太像,就像官方說的給開發者更靈活的框架體驗。

官網:github:

uikit

uikit是yootheme團隊開發的,在許多wordpress主題中都有應用(也就是如果你是個 wordpress 愛好者,那麼這個框架應該比較適合深究),並且框架能夠通過gui編輯器和手動編輯,所以它提供了乙個靈活、強大的自定義機制。框架借助less、 jquery、normalize.css及fontawesome開源專案的獨有特點,整合成了這麼一款輕量級、模組化的前端框架。

官網:github:

pure

框架小巧,並且是純 css,沒有太多的牽扯,好用來與其他框架快速結合使用。

官網:github:

10大html5前端框架

10大html5前端框架 bootstrap 首先說 bootstrap,估計你也猜到會先說或者一定會有這個 呵呵了 這是說明它的強大之處,擁有框架一壁江山的勢氣。自己剛入道的時候本著 任何乙個字母都得自己敲出來擋我者廢的決心,來讓自己成長。結果受到周圍各 種 的引誘開始了 bootstrap 旅程...

10大HTML5前端框架

bootstrap 首先說 bootstrap,估計你也猜到會先說或者一定會有這個 呵呵了 這是說明它的強大之處,擁有框架一壁江山的勢氣。自己剛入道的時候本著 任何乙個字母都得自己敲出來擋我者廢的決心,來讓自己成長。結果受到周圍各 種 的引誘開始了 bootstrap 旅程。本人雖然是個設計 前端的...

HTML5前端框架Amaze UI全面開源

近日,國內首個開源 html 5 跨屏前端框架 amaze ui amaze ui 是乙個針對 html 5 開發的輕量級 模組化 移動優先的跨屏前端框架,通過拆分 封裝了一些常用的網頁元件,比如輪播圖框 文字框等等元件,讓前端開發者只用複製 便可以將這些跨屏的元件寫入自己的網頁中,而不需要自己在開...