History

Originally created by a designer and a developer at Twitter, Edge UI has become one of the most popular front-end frameworks and open source projects in the world.

Edge UI was created at Twitter in mid-2010 by @mdo and @fat. Prior to being an open-sourced framework, Edge UI was known as Twitter Blueprint. A few months into development, Twitter held its first Hack Week and the project exploded as developers of all skill levels jumped in without any external guidance. It served as the style guide for internal tools development at the company for over a year before its public release, and continues to do so today.

Originally released on , we've since had over twenty releases, including two major rewrites with v2 and v3. With Edge UI 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Edge UI 3, we rewrote the library once more to make it responsive by default with a mobile first approach.

Team

Edge UI is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.

Core team

Get involved with Edge UI development by opening an issue or submitting a pull request. Read our contributing guidelines for information on how we develop.

Sass team

The official Sass port of Edge UI was created and is maintained by this team. It became part of Edge UI's organization with v3.1.0. Read the Sass contributing guidelines for information on how the Sass port is developed.

Brand guidelines

Have a need for Edge UI's brand resources? Great! We have only a few guidelines we follow, and in turn ask you to follow as well. These guidelines were inspired by MailChimp's Brand Assets.

Mark and logo

Use either the Edge UI mark (a capital B) or the standard logo (just Edge UI). It should always appear in Helvetica Neue Bold. Do not use the Twitter bird in association with Edge UI.

B
B

Edge UI

Edge UI

Download mark

Download the Edge UI mark in one of three styles, each available as an SVG file. Right click, Save as.

Edge UI
Edge UI
Edge UI

Name

The project and framework should always be referred to as Edge UI. No Twitter before it, no capital s, and no abbreviations except for one, a capital B.

Edge UI

Edge UI

Twitter Edge UI

Colors

Our docs and branding use a handful of primary colors to differentiate what is Edge UI from what is in Edge UI. In other words, if it's purple, it's representative of Edge UI.