2015年50+ CSS 工具、框架、庫(kù)合集
CSS動(dòng)畫工具 & 庫(kù)
1. Animate Plus
一個(gè)可以幫你創(chuàng)建CSS屬性和SVG屬性的JavaScript動(dòng)畫庫(kù)。
2. Rocket
一個(gè)創(chuàng)建WEB動(dòng)畫的簡(jiǎn)單的工具。
3. Tuesday
新奇CSS動(dòng)畫庫(kù)。
4. Shift.css
創(chuàng)建定時(shí)CSS動(dòng)畫的簡(jiǎn)單框架。
5. MOTION UI
用于創(chuàng)建靈活的CSS過(guò)渡和動(dòng)畫的SASS庫(kù)。
使用SVG和CSS的動(dòng)畫圖標(biāo)、符號(hào)、按鈕。
CSS實(shí)用程序和工具
7. sanitize.css
讓瀏覽器渲染元素一致，并允許您以當(dāng)前最佳實(shí)踐的方式，即裝即用。
8. CSS Stats
CSS狀態(tài)統(tǒng)計(jì)可視化工具。
9. cssfmt
自動(dòng)格式化CSS源代碼的工具。
10. PurifyCSS
很方便的檢測(cè)你的應(yīng)用使用了那些CSS選擇器的工具，并創(chuàng)建一個(gè)未被使用的CSS的文件。
#p#
Flexbox工具
CSS 的 flexbox屬性主要特性的互動(dòng)之旅。
12. Flexbugs
Flexbox常見(jiàn)問(wèn)題及狂瀏覽器解決方案
13. cssPlus
基于 Flexbox 的穩(wěn)健、快速、跨瀏覽器的布局腳手架。
允許CSS Flexbox布局的Sketch 插件
CSS工具包
15. CSSGram
重塑Instagram過(guò)濾器的微型CSS庫(kù)。
16. Flickity
創(chuàng)建畫廊與輪播圖的CSS庫(kù)。
17. Marx
18. Pushy
使用CSS轉(zhuǎn)換和過(guò)渡效果的響應(yīng)式導(dǎo)航菜單。
19. Rucksack
CSS 工具包
20. Drop
用于創(chuàng)建下拉菜單和其他浮動(dòng)元素的庫(kù)。
#p#
21. Tufte CSS
使用Edward Tufte的理念展示文章的工具
22. Gradify
CSS漸變占位符圖像
23. Stretchy
表單元素大小自動(dòng)調(diào)整
24. CSSketch
開(kāi)源的Sketch的CSS插件
25. SassyFlags
為你的網(wǎng)站添加旗幟的簡(jiǎn)單庫(kù)
26. ai2html
把Illustrator文檔轉(zhuǎn)為HTML和CSS的開(kāi)源工具
#p#
CSS工具包
27. Crayon.css
CSS顏色變量名與16進(jìn)制對(duì)應(yīng)列表。
響應(yīng)的網(wǎng)頁(yè)框架和用戶界面工具包
28. Juiced
Flexbox CSS 框架
29. Primer
CSS工具包與指南
30. Neutron
創(chuàng)建靈化、簡(jiǎn)潔網(wǎng)頁(yè)布局的SASS框架。
#p#
31. Basscss
基本元素類型和不可改變的實(shí)用程序的輕量級(jí)集合。
32. flexible.gs
靈活的響應(yīng)式柵格布局CSS框架
33. Rin
34. Wee
用于創(chuàng)建復(fù)雜邏輯、響應(yīng)式的輕量級(jí)前端框架。
35. Scooter
SCSS框架和UI庫(kù)
36. spaceBase
基于SASS的響應(yīng)式CSS框架
37. Decorator
HTML, CSS, and JavaScrip 前端框架
38. Rebar
Sass/Stylus 柵格布局框架
39. Concise CSS
使用SASS的輕量級(jí)易用框架
40. Workbench
加快開(kāi)發(fā)速度的前端樣板
#p#
41. Lost
SCSS 或 Stylus 柵格布局
42. minigrid()
只有2KB的零依賴柵格布局
材料設(shè)計(jì)框架
43. Material
HTML5 UI 框架
44. LumX
基于 AngularJS & Material Design 的框架
45. MUI
輕量級(jí)WEB框架
基于Web的CSS工具和應(yīng)用程序
46. CSS Gradient Animator
動(dòng)態(tài)生成gradients的WEB工具
47. CIRCULUS.SVG
SVG圓形菜單生成器
48. CSS Ruler
49. SVGOMG
優(yōu)化和配置SVGO的WEB應(yīng)用
50. Blend
生成簡(jiǎn)單漂亮CSS3 gradients的工具
51. Filter Blend
CSS的混合模式和過(guò)濾器生成器
52. SVG Path Builder App
使用GUI快速創(chuàng)建SVG path
53. .resizr
測(cè)試 CSS media queries 的輕量級(jí)應(yīng)用
54. css2sass
把CSS代碼轉(zhuǎn)成SASS的應(yīng)用
【編輯推薦】
