Omnigraffle stencil, template, and color picker modeled after Twitter Bootstrap
Switch branches/tags
Nothing to show
Clone or download
Doug Avery
Latest commit 75fc6fa Dec 23, 2015
Failed to load latest commit information.
Colors New and simplified color palette Jan 31, 2014
Stencils Add label to Success Panel Feb 3, 2014
Templates Update templates to reflect new grid dimensions. Retain old version f… Feb 10, 2014
.gitignore Added MIT license, renamed README Sep 10, 2015 Adding plug to README Dec 23, 2015


This is a set of Omnigraffle stencils, colors, and templates that mirror Twitter Bootstrap as closely as possible.


Install as few or as many items as you need.

  • Stencils/Twitter-Bootstrap.gstencil
    • Stencils grouped by type, along with one all-encompassing stencil.
  • Templates/Twitter-Bootstrap.gtemplate and Templates/Twitter-Bootstrap-classic.gtemplate
    • Starter template with grid system and guides.
    • The first one uses guides most faithful to Bootstrap, even though they are often placed at decimal points.
    • The -classic version is retained from the previous release. It's less faithful to the current grid system, but more usable for people who rely on Omnigraffle's pixel grid.
  • Colors/Twitter-Bootstrap.clr
    • Swatches for your color picker.

Install the stencils and templates (OmniGraffle 6)

  • Double-click the stencil or template to open it in OmniGraffle
  • Click the Move button to install it locally

Install the stencils and template (OmniGraffle 5)

  • Drag or copy the stencil file to ~/Library/Application Support/The Omni Group/OmniGraffle/Stencils
  • Drag or copy the template file to ~/Library/Application Support/The Omni Group/OmniGraffle/Templates

(If you have an older version of OmniGraffle these folders may be in ~/Library/Application Support/OmniGraffle/)

Install the color swatches

  • Drag or copy the colors file to ~/Library/Colors

Note: Recent versions of OSX hide the user's Library folder by default. You can access it in Finder by holding down Option while opening the Go menu then clicking on Library.


Crafted by Elliott, Todd, and Lance at Viget.

Special thanks to the Twitter Bootstrap crew and contributors. Those kids are alright.

Code At Viget

Visit to see more projects from Viget.