PHPackages the-open-university/ou-web-ui - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Framework](/categories/framework) 4. / 5. the-open-university/ou-web-ui AbandonedArchivedLibrary[Framework](/categories/framework) the-open-university/ou-web-ui ============================= OU Web UI is a set of design patterns, components and templates to provide our students with a consistent user experience. v3.3.7(9y ago)19[1 issues](https://github.com/the-open-university/ou-web-ui/issues)MITCSS Since Dec 8Pushed 8y ago4 watchersCompare [ Source](https://github.com/the-open-university/ou-web-ui)[ Packagist](https://packagist.org/packages/the-open-university/ou-web-ui)[ Docs](http://getbootstrap.com)[ RSS](/packages/the-open-university-ou-web-ui/feed)WikiDiscussions master Synced yesterday READMEChangelogDependenciesVersions (30)Used By (0) [OU Web UI](http://the-open-university.github.io/ou-web-ui) =========================================================== [](#ou-web-ui) OU Web UI is a set of design patterns, components and templates so we can provide our students with a consistent user experience. It is a part of the same family of work as the design used for the OU public website but is more tailored to the requirements of our students and their study journey. This is the fifth version of the framework (v5). To get started, check out ! Table of contents ----------------- [](#table-of-contents) - [Quick start](#quick-start) - [Bugs and feature requests](#bugs-and-feature-requests) - [Documentation](#documentation) - [Contributing](#contributing) - [Community](#community) - [Versioning](#versioning) - [Creators](#creators) - [Copyright and license](#copyright-and-license) Quick start ----------- [](#quick-start) Several quick start options are available: - [Download the latest release](https://github.com/the-open-university/ou-web-ui/archive/v3-dev.zip). - Clone the repo: `git clone https://github.com/the-open-university/ou-web-ui.git`. - Install with [Bower](http://bower.io): (coming soon). - Install with [npm](https://www.npmjs.com): (coming soon). - Install with [Meteor](https://www.meteor.com): (coming soon). - Install with [Composer](https://getcomposer.org): (coming soon). Read the [Getting started page](http://the-open-university.github.io/ou-web-ui/getting-started.html) for information on the framework contents, templates and examples, and more. ### What's included [](#whats-included) Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this: ``` ou-web-ui/ ├── css/ │ ├── ou-web-ui.css │ ├── ou-web-ui.css.map │ ├── ou-web-ui.min.css │ ├── ou-web-ui.min.css.map ├── js/ │ ├── ou-web-ui.js │ └── ou-web-ui.min.js └── fonts/ ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.svg ├── glyphicons-halflings-regular.ttf ├── glyphicons-halflings-regular.woff └── glyphicons-halflings-regular.woff2 ``` We provide compiled CSS and JS (`ou-web-ui.*`), as well as compiled and minified CSS and JS (`ou-web-ui.min.*`). CSS [source maps](https://developer.chrome.com/devtools/docs/css-preprocessors) (`ou-web-ui.*.map`) are available for use with certain browsers' developer tools. Fonts from Glyphicons are included. Bugs and feature requests ------------------------- [](#bugs-and-feature-requests) Have a bug or a feature request? Please first read the [issue guidelines](https://github.com/the-open-university/ou-web-ui/blob/master/CONTRIBUTING.md#using-the-issue-tracker) and search for existing and closed issues. If your problem or idea is not addressed yet, [please open a new issue](https://github.com/the-open-university/ou-web-ui/issues/new). Documentation ------------- [](#documentation) OU Web UI's documentation, included in this repo in the root directory, is built with [Jekyll](http://jekyllrb.com) and publicly hosted on GitHub Pages at . The docs may also be run locally. ### Running documentation locally [](#running-documentation-locally) 1. If necessary, [install Jekyll](http://jekyllrb.com/docs/installation) and other Ruby dependencies with `bundle install`. **Note for Windows users:** Read [this unofficial guide](http://jekyll-windows.juthilo.com/) to get Jekyll up and running without problems. 2. From the root `/ou-web-ui` directory, run `bundle exec jekyll serve` in the command line. 3. Open `http://localhost:9001` in your browser, and voilà. Learn more about using Jekyll by reading its [documentation](http://jekyllrb.com/docs/home/). Contributing ------------ [](#contributing) Please read through our [contributing guidelines](https://github.com/the-open-university/ou-web-ui/blob/master/CONTRIBUTING.md). Included are directions for opening issues, coding standards, and notes on development. Moreover, if your pull request contains JavaScript patches or features, you must include [relevant unit tests](https://github.com/the-open-university/ou-web-ui/tree/master/js/tests). All HTML and CSS should conform to the [Code Guide](https://github.com/mdo/code-guide), maintained by [Mark Otto](https://github.com/mdo). Editor preferences are available in the [editor config](https://github.com/the-open-university/ou-web-ui/blob/master/.editorconfig) for easy use in common text editors. Read more and download plugins at . Versioning ---------- [](#versioning) For transparency into our release cycle and in striving to maintain backward compatibility, OU Web UI is maintained under [the Semantic Versioning guidelines](http://semver.org/). Sometimes we screw up, but we'll adhere to those rules whenever possible. See [the Releases section of our GitHub project](https://github.com/the-open-university/ou-web-ui/releases) for changelogs for each release version of OU Web UI. Copyright and license --------------------- [](#copyright-and-license) Code and documentation copyright 2011-2016 Twitter, Inc. Code released under [the MIT license](https://github.com/twbs/bootstrap/blob/master/LICENSE). Docs released under [Creative Commons](https://github.com/twbs/bootstrap/blob/master/docs/LICENSE). ### Health Score 27 — LowBetter than 49% of packages Maintenance0 Infrequent updates — may be unmaintained Popularity6 Limited adoption so far Community22 Small or concentrated contributor base Maturity74 Established project with proven stability Bus Factor1 Top contributor holds 56.2% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~59 days Recently: every ~41 days Total 26 Last Release 3414d ago Major Versions v2.3.2 → v3.0.0-rc12013-07-27 v3.3.5 → v4.0.0-alpha2015-08-19 v3.3.6 → v4.0.0-alpha.22015-12-08 v3.3.7 → v4.0.0-alpha.32016-07-27 ### Community Maintainers ![](https://www.gravatar.com/avatar/f305a29b3e45da36c3ac4c553509999ba26f37d1fc27606ef5ddc2a2e16875c5?d=identicon)[the-open-university](/maintainers/the-open-university) --- Top Contributors [![mdo](https://avatars.githubusercontent.com/u/98681?v=4)](https://github.com/mdo "mdo (5823 commits)")[![cvrebert](https://avatars.githubusercontent.com/u/419884?v=4)](https://github.com/cvrebert "cvrebert (1979 commits)")[![fat](https://avatars.githubusercontent.com/u/169705?v=4)](https://github.com/fat "fat (1152 commits)")[![XhmikosR](https://avatars.githubusercontent.com/u/349621?v=4)](https://github.com/XhmikosR "XhmikosR (441 commits)")[![hnrch02](https://avatars.githubusercontent.com/u/1068978?v=4)](https://github.com/hnrch02 "hnrch02 (194 commits)")[![juthilo](https://avatars.githubusercontent.com/u/3535675?v=4)](https://github.com/juthilo "juthilo (129 commits)")[![patrickhlauke](https://avatars.githubusercontent.com/u/895831?v=4)](https://github.com/patrickhlauke "patrickhlauke (111 commits)")[![twbs-grunt](https://avatars.githubusercontent.com/u/9835569?v=4)](https://github.com/twbs-grunt "twbs-grunt (95 commits)")[![kkirsche](https://avatars.githubusercontent.com/u/947110?v=4)](https://github.com/kkirsche "kkirsche (37 commits)")[![StevenBlack](https://avatars.githubusercontent.com/u/80144?v=4)](https://github.com/StevenBlack "StevenBlack (36 commits)")[![burnsra](https://avatars.githubusercontent.com/u/171054?v=4)](https://github.com/burnsra "burnsra (34 commits)")[![vsn4ik](https://avatars.githubusercontent.com/u/3757319?v=4)](https://github.com/vsn4ik "vsn4ik (32 commits)")[![smerik](https://avatars.githubusercontent.com/u/750822?v=4)](https://github.com/smerik "smerik (26 commits)")[![BBosman](https://avatars.githubusercontent.com/u/5115488?v=4)](https://github.com/BBosman "BBosman (25 commits)")[![liuyl](https://avatars.githubusercontent.com/u/1261809?v=4)](https://github.com/liuyl "liuyl (24 commits)")[![jaybayley](https://avatars.githubusercontent.com/u/754748?v=4)](https://github.com/jaybayley "jaybayley (23 commits)")[![Yohn](https://avatars.githubusercontent.com/u/2002591?v=4)](https://github.com/Yohn "Yohn (21 commits)")[![ntwb](https://avatars.githubusercontent.com/u/1016458?v=4)](https://github.com/ntwb "ntwb (17 commits)")[![ssorallen](https://avatars.githubusercontent.com/u/29612?v=4)](https://github.com/ssorallen "ssorallen (17 commits)")[![lookfirst](https://avatars.githubusercontent.com/u/85355?v=4)](https://github.com/lookfirst "lookfirst (16 commits)") --- Tags frameworkwebcssJSlessresponsivefront-endmobile-first ### Embed Badge ![Health badge](/badges/the-open-university-ou-web-ui/health.svg) ``` [![Health](https://phpackages.com/badges/the-open-university-ou-web-ui/health.svg)](https://phpackages.com/packages/the-open-university-ou-web-ui) ``` ### Alternatives [twbs/bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 174.1k17.6M327](/packages/twbs-bootstrap)[twitter/bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 174.1k1.7M27](/packages/twitter-bootstrap)[coreui/coreui The most popular front-end framework for developing responsive, mobile-first projects on the web rewritten and maintain by the CoreUI Team 873111.6k4](/packages/coreui-coreui)[foundation/foundation-sites The most advanced responsive front-end framework in the world. 29.8k8.4k](/packages/foundation-foundation-sites)[components/bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 932.8M63](/packages/components-bootstrap)[orange-opensource/orange-boosted-bootstrap Orange Boosted with Bootstrap is a Bootstrap based, Orange branded accessible and ergonomic components library. 2148.7k](/packages/orange-opensource-orange-boosted-bootstrap) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)