You are viewing legacy documentation. View the most recent documentation.
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 v2.36.0 Release Notes
Download MDS V2 Sketch Assets
MDS Version 3 is now available.

Built in Vue, with a modular architecture and encapsulated styles, this release changes the way product teams consume and contribute to MDS, while remaining true to the mission that has guided MDS since its first release in 2017.

For details, see the new documentation site.

VueJS logo.
Illustration of floating chat bubbles.
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
Microsoft Teams
Morningstar Design System (MDS)