Skip to content

User Interface Pattern Library

Pattern Library showcases building blocks for rapid website production within the University of Adelaide Web Templates.

User Interface design patterns and associated HTML code snippets has been tested to work across multiple supported browsers and enhancements are ongoing, for further information see support.

The UI patterns are designed to be used in consultation with one of the
Online Consultants from our Web Team, Marketing & Communications.
Any enquires please don't hesitate to contact the team.

Search for UI Patterns

What is a Pattern Library?

User Interface Design patterns are recurring solutions that solve common design problems. A pattern library or front end style guide is a collection of commonly used User Interface patterns or Interface elements (UI). These elements form the basic presentation level of web content.

Examples of these are: Page Tabs, Accordions, Widgets, Buttons.


Standardisation of UI pattern library. UI patterns have been developed as a consistent library of UI designed to be reused globally in multiple instances across multiple sites.

How do I Use Pattern Library?


  1. Find the pattern that you like (ensure you are using Firefox or Chrome - Firefox is best)
  2. Then click on the [Show Source] link and double-click the code to highlight it
  3. Copy that, and then either paste it into the page you are editing (via the 'HTML' icon in TMS), or into the 'code' view in Dreamweaver.


UoA Pattern Library UI patterns have been built to work with the University's Content Management System (TMS) and designed primarily for use on external facing public websites. If you require access to web branding elements for other University Systems please contact us to discuss your requirements.

UI patterns has been tested and supports rendering in the following browsers:
Internet Explorer 7.0, Firefox 3.6+, Google Chrome.


Web Team

Call us: For urgent requests or to speak with someone directly,
please contact one of our team members.
Still not sure how to do something? Submit an online enquiry.