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.
It comes with four libraries:
-
Widgets: 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.
- Unzip the Blue Oak Axure zip file
- Put the .rplib files (the Axure libraries) somewhere you remember
- You can put them anywhere but consider putting them at ~/Documents/Axure/Libraries (Mac) or C:\Users%username%\My Documents\Axure\Libraries (Windows)
- Install the Material Design font
- On Mac, open Font Book and drag the MaterialIcons-Regular.ttf into the window
or
- On Windows, right-click on the .ttf file and click "Install"
- Confirm that the file loaded properly
- Install the Axure Libraries
- Open up Axure and view the Libraries pane
- If you put the libraries in the directories mentioned above, then they will be loaded in automatically when Axure restarts
if not
- 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 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.
BlueOak provides design libraries for for Axure and Sketch. Visit the BlueOak to learn more.