About Tent CSS

Sleeping in a tent is certainly not a luxurious experience. It is rugged and rudimentary, but it provides the basic necessities needed for survival.

Pulling inspiration from outdoor survival, Tent CSS is unglamorously simple and robust. The framework is designed to be used as a foundation for building websites. We'll leave application and kitchen sink development to other frameworks.

With zero Javascript dependencies, Tent CSS is as the name says, just CSS (Sass too). So yeah, you're not going to see fancy components like tab drawers, accordions, and carousels in this framework. As most development goes, you usually already have a go-to favorite in mind for these more complex components anyways.


Taking a cue from backpack camping ~ we've only packed in what makes sense to carry. Tent CSS weighs in at less than 5kb gzipped.


Includes only the necessary building blocks to create many of the most common UX design patterns. Unique components can easily be created by extending the framework.


Tent CSS is developed with the BEM methodology in mind. BEM promotes component modularity, code reusability, and a rock solid code structure.

Modern Grid

Tent CSS is a modern-browser framework with a modern grid system (Flexbox). If you desire a fallback for older browsers you can always extend Tent CSS to do so.

Browser Support

Tent CSS uses autoprefixer to make most modern features compatible with many older browser versions. This framework may not be best suited for you if you are looking to support legacy browsers.

  • Chrome v21+
  • Firefox v28+
  • Safari v6.1+
  • Edge
  • Internet Explorer 11

Start making camp with Tent CSS

View the documentation