Building Morningstar products with a design philosophy delivered in code.
Shared Understanding
The Morningstar Design System aligns product teams on Morningstar brand, visual language, UX, and technical standards.
Build With Confidence
The System provides teams with ready-made components to facilitate efficiency, consistency, and accessibility. This frees teams up to solve harder problems.
What’s New?
Version 2.10.0 (released 12/20/2018)
Here are some of the highlights of recent releases:
- Component status page tracking Web Component progress.
- Added indicators to the left navigation calling out new and updated UI components.
- Added a requested parts section to highlight community-requested features and components.
- New and improved UI components:
- New iconography from the Morningstar Symbols font.
- Search UX Pattern.
- Added examples of how to compose Forms.
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:
- JavaScript-based Web Components usable across front-end frameworks.
- New component: Articles.
- Expanding examples and guidelines of how to compose MDS components together.
- Deepening and expanding the testing suites for Charts.
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.