几种Css前端框架资料

向右看齐 2021-10-19 20:24 402阅读 0赞

目录：\[ [\-][-]\]

*  [1 Twitter Bootstrap][1_Twitter Bootstrap]
 *  [2 Foundation][2_Foundation]
 *  [3 960 Grid System][3_960 Grid System]
 *  [4 Skeleton][]
 *  [5 99lime HTML KickStart][5_99lime HTML KickStart]
 *  [6 Kube][]
 *  [7 Less Framework][7_Less Framework]
 *  [8 Flaminwork][8_Flaminwork]
 *  [9 G5 Framework][9_G5 Framework]
 *  [10 Easy Framework][10_Easy Framework]
 *  [11 Blueprint][11_Blueprint]
 *  [12 YAML][12_YAML]
 *  [13 BlueTrip][13_BlueTrip]
 *  [14 YUI CSS][14_YUI CSS]
 *  [15 Elements][15_Elements]
 *  [17 elastiCSS][17_elastiCSS]
 *  [18 Boilerplate][18_Boilerplate]
 *  [19 Emastic][19_Emastic]
 *  [20 Malo][20_Malo]
 *  [21 The Golden Grid][21_The Golden Grid]
 *  [22 1kb grid][22_1kb grid]
 *  [23 Fluid 960 Grid System][23_Fluid 960 Grid System]
 *  [24 Baseline][24_Baseline]
 *  [25 Lovely CSS Framework][25_Lovely CSS Framework]
 *  [26 xCSS][26_xCSS]
 *  [27 FEM CSS Framework][27_FEM CSS Framework]
 *  [28 Helium][28_Helium]
 *  [29 Knacss][29_Knacss]
 *  [30 Groundwork CSS][30_Groundwork CSS]
 *  [31 Gumby][31_Gumby]
 *  [32 Unsemantic][32_Unsemantic]

网上一个资料，自己整理一下留着备用，大家也可以收藏一下。

#### 1 Twitter Bootstrap ####

博客：[http://blog.getbootstrap.com/][http_blog.getbootstrap.com]

github：[http://twitter.github.io/bootstrap/][http_twitter.github.io_bootstrap]

#### 2 Foundation ####

网站:[http://foundation.zurb.com/][http_foundation.zurb.com]

github:[https://github.com/zurb/foundation/][https_github.com_zurb_foundation]

#### 3 960 Grid System ####

网站：[http://960.gs/][http_960.gs]

github：[https://github.com/zurb/foundation/][https_github.com_zurb_foundation]

#### 4 Skeleton ####

网站：[http://www.getskeleton.com/][http_www.getskeleton.com]

github：[https://github.com/dhgamache/Skeleton][https_github.com_dhgamache_Skeleton]

#### 5 99lime HTML KickStart ####

网站：[http://www.99lime.com/][http_www.99lime.com]

github：[https://github.com/joshuagatcke/HTML-KickStart/][https_github.com_joshuagatcke_HTML-KickStart]

参考文档：[http://usablica.github.io/front-end-frameworks/compare.html?v=2.0][http_usablica.github.io_front-end-frameworks_compare.html_v_2.0]

#### 6 Kube ####

网站：[http://imperavi.com/kube/][http_imperavi.com_kube]

#### 7 Less Framework ####

网站：[http://lessframework.com/][http_lessframework.com]

#### 8 Flaminwork ####

网站：[http://flaminwork.com/][http_flaminwork.com]

github：[https://github.com/juanghurtado/flaminwork/][https_github.com_juanghurtado_flaminwork]

#### 9 G5 Framework ####

网站：[http://framework.gregbabula.info/][http_framework.gregbabula.info]

github：[https://github.com/gbabula/G5Framework][https_github.com_gbabula_G5Framework]

#### 10 Easy Framework ####

网站：[http://easyframework.com/][http_easyframework.com]

#### 11 Blueprint ####

网站：[http://www.blueprintcss.org/][http_www.blueprintcss.org]

博客：[https://github.com/joshuaclayton/blueprint-css][https_github.com_joshuaclayton_blueprint-css]

#### 12 YAML ####

网站：[http://www.yaml.de/][http_www.yaml.de]

github：[https://github.com/djesse/yaml4-sass][https_github.com_djesse_yaml4-sass]

#### 13 BlueTrip ####

网站：[http://bluetrip.org/][http_bluetrip.org]

github：[https://github.com/mikecrittenden/bluetrip/][https_github.com_mikecrittenden_bluetrip]

#### 14 YUI CSS ####

网站：[http://yuilibrary.com/][http_yuilibrary.com]

github：[https://github.com/yui/yui3][https_github.com_yui_yui3]

#### 15 Elements ####

网站：[http://elements.projectdesigns.org/][http_elements.projectdesigns.org]

16 52framework

网站：[http://52framework.com/][http_52framework.com]

#### 17 elastiCSS ####

网站：[http://elasticss.com/][http_elasticss.com]

github：[https://github.com/azendal/elastic][https_github.com_azendal_elastic]

#### 18 Boilerplate ####

github：[https://code.google.com/p/css-boilerplate/][https_code.google.com_p_css-boilerplate]

#### 19 Emastic ####

github：[https://code.google.com/p/emastic/][https_code.google.com_p_emastic]

#### 20 Malo ####

github：[https://code.google.com/p/malo/][https_code.google.com_p_malo]

#### 21 The Golden Grid ####

github：[https://code.google.com/p/the-golden-grid/][https_code.google.com_p_the-golden-grid]

#### 22 1kb grid ####

网站：[http://heygrady.com/blog/2011/02/17/using-sass-with-the-1kb-grid-system/][http_heygrady.com_blog_2011_02_17_using-sass-with-the-1kb-grid-system]

github：[https://github.com/heygrady/compass-grid-plugin][https_github.com_heygrady_compass-grid-plugin]

#### 23 Fluid 960 Grid System ####

网站：[http://www.designinfluences.com/fluid960gs/][http_www.designinfluences.com_fluid960gs]

github：[https://github.com/bauhouse/fluid960gs/tree/][https_github.com_bauhouse_fluid960gs_tree]

#### 24 Baseline ####

网站：[http://www.baselinecss.com/][http_www.baselinecss.com]

#### 25 Lovely CSS Framework ####

网站：[https://code.google.com/p/lovely-css/][https_code.google.com_p_lovely-css]

#### 26 xCSS ####

网站：[http://xcss.antpaw.org/][http_xcss.antpaw.org]

github：[https://github.com/antpaw/xCSS][https_github.com_antpaw_xCSS]

#### 27 FEM CSS Framework ####

网站：[http://www.frontendmatters.com/open-source/fem-css-framework/][http_www.frontendmatters.com_open-source_fem-css-framework]

github：[https://github.com/jesucarr/FEM-CSS-Framework][https_github.com_jesucarr_FEM-CSS-Framework]

#### 28 Helium ####

github：[https://github.com/cbrauckmuller/helium][https_github.com_cbrauckmuller_helium]

#### 29 Knacss ####

网站：[http://www.knacss.com/][http_www.knacss.com]

#### 30 Groundwork CSS ####

网站：[http://groundwork.sidereel.com/home][http_groundwork.sidereel.com_home]

github：[https://github.com/groundworkcss/groundwork][https_github.com_groundworkcss_groundwork]

#### 31 Gumby ####

网站：[http://gumbyframework.com/][http_gumbyframework.com]

github：[https://github.com/GumbyFramework/Gumby][https_github.com_GumbyFramework_Gumby]

#### 32 Unsemantic ####

网站：[http://unsemantic.com/][http_unsemantic.com]

github：[https://github.com/nathansmith/unsemantic][https_github.com_nathansmith_unsemantic]

#  #

另一些

排名不分先后：

*  [jquery ui][] - The official jQuery user interface library.
 *  [AngularUI][] - The companion suite for AngularJS
 *  [yui3][https_github.com_yui_yui3] - A library for building richly interactive web applications.
 *  [xui][] - A tiny javascript framework for mobile web apps.
 *  [dojo][] - The Dojo Toolkit core library.

国内：

*  淘宝：[kissy][]
 *  豆瓣：[arkui][]
 *  百度：[tangram][]
 *  网易：[NEJ][]

Topcoat：      [http://topcoat.io/][http_topcoat.io]

Pure:            [https://github.com/yui/pure][https_github.com_yui_pure]

Foundation，移动兼容优化很好  [http://foundation.zurb.com/][http_foundation.zurb.com]

BUI，可以支持到IE6的。。。  [http://builive.com/start/index.php][http_builive.com_start_index.php]

AUI - 来自 Bitbucket 的前端组件库 很棒啊！不比 Bootstrap 差  [https://developer.atlassian.com/design/][https_developer.atlassian.com_design]

[http://purecss.io/forms/][http_purecss.io_forms]  雅虎的一个开元UI框架

网易开源前端库 [http://nej.netease.com/][http_nej.netease.com]

[http://baike.baidu.com/view/4876240.htm][http_baike.baidu.com_view_4876240.htm] thinkcss，css基础框架

[http://aliceui.org/][http_aliceui.org] 阿里前端团队的基础样式框架，基于sea.js

[Groundwork][] 也是一个非常不错的前端框架

Google 发布新一代Web UI库Polymer  [http://www.infoq.com/cn/news/2013/06/webcomponents][http_www.infoq.com_cn_news_2013_06_webcomponents]

百姓网的  [https://github.com/baixing/Puerh][https_github.com_baixing_Puerh]

分为不同分辨率的显示框架   [http://groundwork.sidereel.com/?url=home][http_groundwork.sidereel.com_url_home]

[-]: http://my.oschina.net/zimingforever/blog/135377#
[1_Twitter Bootstrap]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_1
[2_Foundation]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_2
[3_960 Grid System]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_3
[4 Skeleton]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_4
[5_99lime HTML KickStart]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_5
[6 Kube]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_6
[7_Less Framework]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_7
[8_Flaminwork]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_8
[9_G5 Framework]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_9
[10_Easy Framework]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_10
[11_Blueprint]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_11
[12_YAML]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_12
[13_BlueTrip]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_13
[14_YUI CSS]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_14
[15_Elements]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_15
[17_elastiCSS]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_16
[18_Boilerplate]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_17
[19_Emastic]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_18
[20_Malo]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_19
[21_The Golden Grid]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_20
[22_1kb grid]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_21
[23_Fluid 960 Grid System]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_22
[24_Baseline]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_23
[25_Lovely CSS Framework]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_24
[26_xCSS]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_25
[27_FEM CSS Framework]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_26
[28_Helium]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_27
[29_Knacss]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_28
[30_Groundwork CSS]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_29
[31_Gumby]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_30
[32_Unsemantic]: http://my.oschina.net/zimingforever/blog/135377#OSC_h4_31
[http_blog.getbootstrap.com]: http://blog.getbootstrap.com/
[http_twitter.github.io_bootstrap]: http://twitter.github.io/bootstrap/
[http_foundation.zurb.com]: http://foundation.zurb.com/
[https_github.com_zurb_foundation]: https://github.com/zurb/foundation/
[http_960.gs]: http://960.gs/
[http_www.getskeleton.com]: http://www.getskeleton.com/
[https_github.com_dhgamache_Skeleton]: https://github.com/dhgamache/Skeleton
[http_www.99lime.com]: http://www.99lime.com/
[https_github.com_joshuagatcke_HTML-KickStart]: https://github.com/joshuagatcke/HTML-KickStart/
[http_usablica.github.io_front-end-frameworks_compare.html_v_2.0]: http://usablica.github.io/front-end-frameworks/compare.html?v=2.0
[http_imperavi.com_kube]: http://imperavi.com/kube/
[http_lessframework.com]: http://lessframework.com/
[http_flaminwork.com]: http://flaminwork.com/
[https_github.com_juanghurtado_flaminwork]: https://github.com/juanghurtado/flaminwork/
[http_framework.gregbabula.info]: http://framework.gregbabula.info/
[https_github.com_gbabula_G5Framework]: https://github.com/gbabula/G5Framework
[http_easyframework.com]: http://easyframework.com/
[http_www.blueprintcss.org]: http://www.blueprintcss.org/
[https_github.com_joshuaclayton_blueprint-css]: https://github.com/joshuaclayton/blueprint-css
[http_www.yaml.de]: http://www.yaml.de/
[https_github.com_djesse_yaml4-sass]: https://github.com/djesse/yaml4-sass
[http_bluetrip.org]: http://bluetrip.org/
[https_github.com_mikecrittenden_bluetrip]: https://github.com/mikecrittenden/bluetrip/
[http_yuilibrary.com]: http://yuilibrary.com/
[https_github.com_yui_yui3]: https://github.com/yui/yui3
[http_elements.projectdesigns.org]: http://elements.projectdesigns.org/
[http_52framework.com]: http://52framework.com/
[http_elasticss.com]: http://elasticss.com/
[https_github.com_azendal_elastic]: https://github.com/azendal/elastic
[https_code.google.com_p_css-boilerplate]: https://code.google.com/p/css-boilerplate/
[https_code.google.com_p_emastic]: https://code.google.com/p/emastic/
[https_code.google.com_p_malo]: https://code.google.com/p/malo/
[https_code.google.com_p_the-golden-grid]: https://code.google.com/p/the-golden-grid/
[http_heygrady.com_blog_2011_02_17_using-sass-with-the-1kb-grid-system]: http://heygrady.com/blog/2011/02/17/using-sass-with-the-1kb-grid-system/
[https_github.com_heygrady_compass-grid-plugin]: https://github.com/heygrady/compass-grid-plugin
[http_www.designinfluences.com_fluid960gs]: http://www.designinfluences.com/fluid960gs/
[https_github.com_bauhouse_fluid960gs_tree]: https://github.com/bauhouse/fluid960gs/tree/
[http_www.baselinecss.com]: http://www.baselinecss.com/
[https_code.google.com_p_lovely-css]: https://code.google.com/p/lovely-css/
[http_xcss.antpaw.org]: http://xcss.antpaw.org/
[https_github.com_antpaw_xCSS]: https://github.com/antpaw/xCSS
[http_www.frontendmatters.com_open-source_fem-css-framework]: http://www.frontendmatters.com/open-source/fem-css-framework/
[https_github.com_jesucarr_FEM-CSS-Framework]: https://github.com/jesucarr/FEM-CSS-Framework
[https_github.com_cbrauckmuller_helium]: https://github.com/cbrauckmuller/helium
[http_www.knacss.com]: http://www.knacss.com/
[http_groundwork.sidereel.com_home]: http://groundwork.sidereel.com/home
[https_github.com_groundworkcss_groundwork]: https://github.com/groundworkcss/groundwork
[http_gumbyframework.com]: http://gumbyframework.com/
[https_github.com_GumbyFramework_Gumby]: https://github.com/GumbyFramework/Gumby
[http_unsemantic.com]: http://unsemantic.com/
[https_github.com_nathansmith_unsemantic]: https://github.com/nathansmith/unsemantic
[jquery ui]: https://github.com/jquery/jquery-ui
[AngularUI]: https://github.com/angular-ui/angular-ui
[xui]: https://github.com/xui/xui
[dojo]: https://github.com/dojo/dojo
[kissy]: https://github.com/kissyteam/kissy
[arkui]: https://github.com/mockee/arkui
[tangram]: https://github.com/BaiduFE/Tangram-component
[NEJ]: https://github.com/genify/NEJ
[http_topcoat.io]: http://topcoat.io/
[https_github.com_yui_pure]: https://github.com/yui/pure
[http_builive.com_start_index.php]: http://builive.com/start/index.php
[https_developer.atlassian.com_design]: https://developer.atlassian.com/design/
[http_purecss.io_forms]: http://purecss.io/forms/
[http_nej.netease.com]: http://nej.netease.com/
[http_baike.baidu.com_view_4876240.htm]: http://baike.baidu.com/view/4876240.htm
[http_aliceui.org]: http://aliceui.org/
[Groundwork]: http://groundwork.sidereel.com/
[http_www.infoq.com_cn_news_2013_06_webcomponents]: http://www.infoq.com/cn/news/2013/06/webcomponents
[https_github.com_baixing_Puerh]: https://github.com/baixing/Puerh
[http_groundwork.sidereel.com_url_home]: http://groundwork.sidereel.com/?url=home