Twitter Bootstrap
Responsive, Mobile-First를 지향하는, 가장 보편적이고 잘 알려진 프레임워크.
CSS 프리프로세서인 Less
와 Sass
를 사용한다. 프리컴파일된 CSS를 바로 사용할 수도 있고, 소스를 빌드해서 사용할 수도 있다.
JQuery 플러그인과 함께 많이 쓰인다.
지원하는 컴포넌트가 매우 광범위하기 때문에 로드하는 데 시간이 많이 걸린다. 웹사이트를 무겁게 하는 주범이라는 비판이 있다.
ZURB Foundation
Responsive Design을 위한 진보적인 프레임워크. 부트스트랩과 같은 (그러나 훨씬 좋은) Grid System을 구현한다. 또한, Sass
를 사용하며 자동 빌드를 지원한다.
Bulma
flexbox
를 기반으로 구현된 CSS 프레임워크. 하나의 CSS 파일만으로 사용이 가능하다. CSS class의 collection으로 이루어져 있기 때문에 필요한 기능만 떼어서 사용하기 매우 간편하다.
Skeleton
작은 프로젝트에 알맞게 필수적인 컴포넌트만을 담았다. 모바일 환경에 최적화된 반응형을 지원하고, 12 column의 fluid grid로 구성된다.
CardinalCSS
퍼포먼스와 코드 가독성, 유지보수에 초점을 둔 CSS 프레임워크이다. grid를 구성하는 데에 현대적인 기술과 CSS Box Model을 사용했다.
ConsiseCSS
필수적인 요소에 대한 기본 스타일로 이루어진 간결한 프레임워크. headings, paragraphs, tables, forms에 대한 서식과 button UI를 위한 helper class들로 이루어져 있다.
Furtive
flexbox
로 이루어진 grid 구조와 rem
unit을 사용해서 구현된 CSS framework이다. 최신 웹표준에 맞게 설계되었다.
Mueller
HTML element에 직접 추가하거나 javascript function으로 grid를 적용할 수 있다. Pinterest 같은 레이아웃을 만드는 데 적합하다고 한다.
Toast
grid class name, column 기본값 등을 커스터마이즈할 수 있다. 유연한 설정이 가능한 것이 장점이다.