CSS JavaScript HTML
Clone or download
Wessel Grift
Latest commit cce7b6f Feb 27, 2017
Failed to load latest commit information.
demo Gulp Feb 26, 2017
dist Gulp Feb 26, 2017
scss Remove unneeded line-height Feb 26, 2017
.gitignore fix gitignore Jun 19, 2016
.npmignore ignored files Apr 8, 2016
.travis.yml Add travis yml Apr 5, 2016
CHANGELOG.md Changelog update Feb 22, 2017
README.md Readme fix Feb 21, 2017
bower.json bower version Feb 26, 2017
gulpfile.js Fix typography line height Jan 28, 2017
license license May 21, 2016
package.json 2.0.3 Feb 26, 2017



Build Status npm version Bower version Dependencies Status

A solid startingpoint without the bloat.

  • Lightweight. Only 26kb minified.
  • Versatile fully responsive grid system.
  • Responsive, modular typography.
  • Only basic elements with minimal styling.
  • Tools & utilities to speed up production.
  • Tried and tested core settings.
  • Easy to customize.

Pavilion is a simple CSS framework for developers who tend to never use the countless pre-defined UI components other frameworks ship with. If you are looking for a a simple, lightweight and customizable CSS starting point without the bloat, Pavilion might be for you.

Pavilion includes tried and tested core settings for readability, accessibility and responsiveness. A versatile yet easy to understand fully responsive grid system to create the layouts you need — including reordering and offsets.

Typography is calculated trough a modular type calculator and common elements like forms, buttons, tables and lists have appealing yet minimal styling which makes them easy to customize. When it comes to customizing, you can tweak and configure the variables.scss file to make Pavilion just how you want it to be. Lastly Pavilion includes handy tools and utilities like a viewport indicator and common helper classes to speed up production. All carefully picked to avoid bloat.

Pavilion lays down the groundwork — the rest is up to you.

Go to the docs