2015年50+ CSS 工具、框架、庫合集

CSS動畫工具 & 庫

1. Animate Plus

一個能夠幫你建立CSS屬性和SVG屬性的JavaScript動畫庫。

2. Rocket

一個建立WEB動畫的簡單的工具。

3. Tuesday

新奇CSS動畫庫。

4. Shift.css

建立定時CSS動畫的簡單框架。

5. MOTION UI

用於建立靈活的CSS過渡和動畫的SASS庫。

6. Transformicons

使用SVG和CSS的動畫圖標、符號、按鈕。

CSS實用程序和工具

7. sanitize.css

讓瀏覽器渲染元素一致，並容許您以當前最佳實踐的方式，即裝即用。

8. CSS Stats

CSS狀態統計可視化工具。

9. cssfmt

自動格式化CSS源代碼的工具。

10. PurifyCSS

很方便的檢測你的應用使用了那些CSS選擇器的工具，並建立一個未被使用的CSS的文件。

Flexbox工具

11. Flexbox in 5 Minutes

CSS 的 flexbox屬性主要特性的互動之旅。

12. Flexbugs

Flexbox常見問題及狂瀏覽器解決方案

13. cssPlus

基於 Flexbox 的穩健、快速、跨瀏覽器的佈局腳手架。

14. Sketch Flex Layout

容許CSS Flexbox佈局的Sketch 插件

CSS工具包

15. CSSGram

重塑Instagram過濾器的微型CSS庫。

16. Flickity

建立畫廊與輪播圖的CSS庫。

17. Marx

18. Pushy

使用CSS轉換和過渡效果的響應式導航菜單。

19. Rucksack

CSS 工具包

20. Drop

用於建立下拉菜單和其餘浮動元素的庫。

21. Tufte CSS

使用Edward Tufte的理念展現文章的工具

22. Gradify

CSS漸變佔位符圖像

23. Stretchy

表單元素大小自動調整

24. CSSketch

開源的Sketch的CSS插件

25. SassyFlags

爲你的網站添加旗幟的簡單庫

26. ai2html

把Illustrator文檔轉爲HTML和CSS的開源工具

CSS工具包

27. Crayon.css

CSS顏色變量名與16進制對應列表。

響應的網頁框架和用戶界面工具包

28. Juiced

Flexbox CSS 框架

29. Primer

CSS工具包與指南

30. Neutron

建立靈化、簡潔網頁佈局的SASS框架。

31. Basscss

基本元素類型和不可改變的實用程序的輕量級集合。

32. flexible.gs

靈活的響應式柵格佈局CSS框架

33. Rin

34. Wee

用於建立複雜邏輯、響應式的輕量級前端框架。

35. Scooter

SCSS框架和UI庫

36. spaceBase

基於SASS的響應式CSS框架

37. Decorator

HTML, CSS, and JavaScrip 前端框架

38. Rebar

Sass/Stylus 柵格佈局框架

39. Concise CSS

使用SASS的輕量級易用框架

40. Workbench

加快開發速度的前端樣板

41. Lost

SCSS 或 Stylus 柵格佈局

42. minigrid()

只有2KB的零依賴柵格佈局

材料設計框架

43. Material

HTML5 UI 框架

44. LumX

基於 AngularJS & Material Design 的框架

45. MUI

輕量級WEB框架

基於Web的CSS工具和應用程序

46. CSS Gradient Animator

動態生成gradients的WEB工具

47. CIRCULUS.SVG

SVG圓形菜單生成器

48. CSS Ruler

49. SVGOMG

優化和配置SVGO的WEB應用

50. Blend

生成簡單漂亮CSS3 gradients的工具

51. Filter Blend

CSS的混合模式和過濾器生成器

52. SVG Path Builder App

使用GUI快速建立SVG path

53. .resizr

測試  CSS media queries 的輕量級應用

54. css2sass

把CSS代碼轉成SASS的應用