50个CSS、Javascript工具(框架,库)

CSS库&工具包

Fileicon, 纯CSS文件图标的集合。

Marx, CSS重置样式

Transformicons – 使用SVG和CSS制作动画图标,标志和按钮。

sanitize.css 又一个重置样式的CSS(比第一个更简洁)。

Loaders.css, performance-focused纯css加载动画。

SassyFlags SVG&CSS开发的国家标识。

Primer, 常用的html控件、布局模板样式.

Flickity, 滑块基于css3+JS,支持摸摸嗒。

Pushy, 一款响应式的CSS3动画效果的导航菜单

CSS Stats, a tool that will visualize useful stats about your CSS.
CSS Stats, a tool that will visualize useful stats about your CSS

Flexbox Tools

flexbox in 5 minutes, an interactive tour of all the major features of the CSS property: flexbox.
flexbox in 5 minutes, an interactive tour of all the major features of the CSS property: flexbox

Flexbugs, a community-curated list of flexbox issues and cross-browser workarounds
Flexbugs

cssPlus, a robust, fast and cross browser layout scaffolding based on Flexbox.
cssPlus

Responsive Web Frameworks

flexible.gs, a responsive and flexible grid system CSS framework (CSS, Sass, LESS and Stylus).
flexible.gs responsive and flexible grid system CSS framework

Rin, a lean, gulp-based HTML and SASS boilerplate for better front-end coding.
Rin, a lean, gulp-based HTML and SASS boilerplate for better front-end coding

Wee, a lightweight front-end framework for logically building complex, responsive web projects.
Wee, a lightweight front-end framework for logically building complex, responsive web projects

spaceBase, a Sass-based responsive CSS framework.
spaceBase, a Sass-based responsive CSS framework

Decorator, a new HTML, CSS, and JavaScript front-end framework.
Decorator, a new HTML, CSS, and JavaScript front-end framework

Rebar, a new Sass / Stylus grid framework.
Rebar, a new Sass / Stylus grid framework

Lost, a SCSS or Stylus fractional grid system built with calc().
Lost, a SCSS or Stylus fractional grid system built with calc()

RWDGRID, a responsive grid system based on the 960 grid system.
RWDGRID, a responsive grid system based on the 960 grid system

Manhattan, a clean, lightweight and customisable CSS grid system.
Manhattan

Material Design Frameworks

Material, a HTML5 UI framework based on Material Design.
Material, a HTML5 UI framework based on Material Design

LumX, the first responsive front-end framework based on AngularJS & Material Design specs.
LumX, the first responsive front-end framework based on AngularJS & Material Design specs

MUI, a lightweight Material Design web framework.
MUI, a lightweight Material Design web framework

Random CSS Stuff

icono, a set of pure CSS icons with only one element.
icono, a set of pure CSS icons with only one element

CSS Gradient Animator, a web-based tool for generating animated gradients.
CSS Gradient Animator, a web-based tool for generating animated gradients

localFont, a web app for implementing localStorage web font caching in seconds.
localFont, a web app for implementing localStorage web font caching in seconds

Web Font Load – The easiest way to install all of the Google Web Fonts on OSX.
Web Font Load - The easiest way to install all of the Google Web Fonts on OSX

ai2html, an open-source script for Adobe Illustrator that converts Illustrator documents into HTML and CSS.
ai2html, an open-source script for Adobe Illustrator that converts Illustrator documents into HTML and CSS

JavaScript Libraries & Frameworks

Marx, the stylish CSS reset with no Javacript or Classes. Just raw CSS.
Marx, the stylish CSS reset with no Javacript or Classes. Just raw CSS

Sprint, a tiny, lightning fast jQuery-like library for modern browsers.
Sprint, a tiny, lightning fast jQuery-like library for modern browsers

Svidget.js, a JavaScript framework for building fantastic SVG widgets.
Svidget.js, a JavaScript framework for building fantastic SVG widgets

Challenger.js, a drop-in JS library that adds interactive programming pop-up challenges to any page.
Challenger.js, a drop-in JS library that adds interactive programming pop-up challenges to any page

Vorlon.JS, an open source, extensible, platform-agnostic tool for remotely debugging and testing JS.
Vorlon.JS, an open source, extensible, platform-agnostic tool for remotely debugging and testing JS

Layzr.js, a small, fast, modern, and dependency-free library for lazy loading.
Layzr.js, a small, fast, modern, and dependency-free library for lazy loading

Clusterize.js, a tiny vanilla JS plugin to display large data sets easily.
Clusterize.js a tiny vanilla JS plugin to display large data sets easily

Elevator.js, a “back to top” button that behaves like a real elevator.
back to top

egg.js, a simple javascript library to add easter eggs to web pages.
egg.js, a simple javascript library to add easter eggs to web pages

epicGrid, a pure, lightweight, responsive Javascript solution for building grid systems.
epicGrid, a pure, lightweight, responsive Javascript solution for building grid systems

ramjet.js, a library that morphs DOM elements from one state to another with smooth transitions.
ramjet.js a library that morphs DOM elements

ItemSlide.js, a simple JavaScript touch carousel with support for touch swiping & mousewheel scrolling.
ItemSlide.js a simple JavaScript touch carousel

Plumin.js – Create and manipulate fonts using Javascript.
Plumin.js - Create and manipulate fonts using Javascript

Smiley.js, a script for rotating smiley faces on your site to the correct viewing.
Smiley.js, a script for rotating smiley faces on your site to the correct viewing

vivus.js, a lightweight JavaScript class that allows you to animate SVGs.
vivus.js, a lightweight JavaScript class that allows you to animate SVGs

Rimg – A pure JS responsive image solution for browsers that support mediaqueries.
Rimg - A pure JS responsive image solution for browsers that support mediaqueries

Animsition, a simple and easy jQuery plugin for CSS animated page transitions.
Animsition, a simple and easy jQuery plugin for CSS animated page transitions

Unicoder.js, a JS library that converts text to some of the more artistic unicode alphabets.
Unicoder.js, a JS library that converts text to some of the more artistic unicode alphabets

Space.js, an HTML-driven JavaScript library for narrative 3D-scrolling.
Space.js an HTML-driven JavaScript library for narrative 3D-scrolling

cta.js, a lightweight library for animating your “action-to-effect” paths. 
cta.js a lightweight library for animating

Awesomplete, an ultra lightweight, highly customizable and simple autocomplete jQuery plugin.
Awesomplete, an ultra lightweight, highly customizable and simple autocomplete jQuery plugin

Select or Die, a jQuery plugin to style