Components

A complete, mobile-first replacement of the Axure Default library, containing the entire Foundation component set.

Grids

A grid system for phone, tablet (horizontal and vertical), and desktop, plus common device size screens.

Callouts

A set of callouts to annotate your wireframes

Flow Charts

A redesigned set of flow elements to match your wireframes.

About BlueOak

BlueOak is an open-source, project accelerator used to speed up mobile app and website creation by providing design libraries, a front-end toolset, and back-end server that all integrate with each other.


Other BlueOak Design Libraries

BlueOak provides design libraries for for Axure, Sketch and Illustrator. Visit the BlueOak website to learn more.


General Styles

Components

About

Typography

Forms

Controls

Navigation

Containers

Media

Grids

Callouts

Flow

This is the demo site for the BlueOak Axure component library set. These Axure libraries work as a replacement for the default Axure libraries. They mirror the out-of-the-box styles of Foundation 6 for sites.

About

Directions

1. Unzip the Blue Oak Axure zip file

    • Put the .rplib files (the Axure libraries) somewhere you remember


2. Install the Material Design font

    • On Mac, open Font Book and drag the MaterialIcons-Regular.ttf into the window

    • Confirm that the file loaded properly

    or

    • On Windows, right-click on the .ttf file and click "Install"


3. Install the Axure Libraries

    • Open up Axure and iew the Libraries pane

    • Click on the Libraries hamburger menu icon and chose the “Load library” selection

    • Select all four Blue Oak Libraries and the Material Design Library and click "Open"


The new libraries should now be in your widgets pane, available in the drop down.

You can now drag elements into your project.

BlueOak Axure Library

Free Download

Zip file (6.1MB) containing .rplibs

It comes with four libraries: