Simplex Component Library

A simple, flexible component library that can be used as a base for complex websites and applications. The word "simplex" comes from the Latin for "simple".

Simplex uses BEM and OOCSS principles, and aims is to define:

  • base HTML element styles
  • a series of re-usable components
  • a series of simple and flexible utility classes
  • a simple grid system


A wide range of native HTML elements that have been reset for use.


Utility classes can be used to adjust aspects of the layout without having to write specific CSS components.


Components are re-usable blocks of HTML that have been abstracted down to a single purpose.


This is a simple 12 column grid based on the Bootstrap Grid - with some extra flexibility.