Pavilion CSS Framework. A solid starting point without the bloat.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.


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