Building Morningstar products with a design philosophy delivered in code.
The Morningstar Design System is a collection of brand, visual, UX, and technical standards built into a central library so that teams can quickly build high-quality, consistent experiences.
Get Started
Current Release v2.20.0 Download Sketch Assets
New Feature
Introducing MDS Web Components
The MDS UI components you know and love, written in vanilla JavaScript, and now available for production use as custom elements with built-in support for interactions and behaviors.
Learn More Component Status
What’s New
Here are some of the highlights of recent releases:

More Details…

What’s Next
In addition to ongoing support for adopting teams and continuing to extend and support existing capabilities, the MDS team is actively working on:
  • Continuing to expand our growing library of MDS web components. A first set for production use has been released, and more are on their way.
  • 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.
Talk Bubble Illustration
Explore. Contribute. Connect.
The Morningstar Design System is powered and improved by the teams that use it. We’d love to hear your feedback.
Make a Contribution Request a New Part
Slack
#mds-design and #mds-engineering
Email
designsystem@morningstar.com