Building Morningstar products with a design philosophy delivered in code.
Shared Understanding
A collection of brand, visual, UX, and technical standards built into a central library so that teams can quickly build high-quality, consistent experiences.
Now in Beta
Introducing MDS Web Components
The MDS UI components you know and love, written in vanilla JavaScript, and available as custom elements with built-in support for interactions and behaviors.
What’s New?
Version 2.13.0 (released 02/19/2019)
Here are some of the highlights of recent releases:
- Released the official MDS Web Component beta package for testing. You can track our progress across the UI component library on the component status page.
- Published documentation on getting started with MDS Web Components and created a video tutorial walking through the installation process.
- Published extensive documentation on web components, including building a web component, web component coding standards, and MDSWC Base API documentation.
- Expanded our making a contribution documentation to include details on key reviewers across the contribution process.
- Added an illustrative iconography library to help teams craft unique on-brand imagery within their products.
- Published a Forms UX Pattern.
What’s Next?
In addition to coordinating and supporting adoption and continuing to maintain and extend existing library items, the MDS team is actively working on:
- Building the remainder of the UI components as MDS web components.
- Establishing and documenting our principles for adding animation to product experiences.
- Providing responsive and touch-friendly variations of our UI components.
- Exploring strategies for managing style dependencies within and across components.
- Expanding, improving, and documenting our contribution process.
Explore. Contribute. Connect.
Make a ContributionRequest a New PartThe Morningstar Design System is powered and improved by the teams that use it. We’d love to hear your feedback.