Why are we doing this now? Multiple teams are developing edX features across tens (maybe hundreds) of repositories, which means that the styling, utilities and components in the edX platform cannot be used. These two new libraries will provide consistency and code reuse as we scale, as well as providing responsive implementations that are mobile-ready.
What are these two libraries?
edX Pattern Library - the UX Pattern Library is a collection of user interface elements that can be easily plugged together to build new pages and interfaces. The library defines how each pattern looks visually, how it behaves from an interaction point of view, and it includes SASS to style each pattern.
edX UI Toolkit - the UI Toolkit provides components for the more complex patterns (e.g. paginated lists, tab switching), both as a means to speed up development and to ensure that they meet edX’s standard for quality, theming, accessibility, and internationalization.
Note that converting all of our web applications and views to use these new libraries is a massive undertaking so we will be taking an incremental approach starting initially with new features.