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.14.0 (released 03/04/2019)
Here are some of the highlights of recent releases:
- Added web components to the beta package: Switches, Search Fields and Cards.
- Added a Codepen integration to our component code snippets, allowing users to experiment with changes to component code and preview results in real time.
- Published documentation on getting started with MDS Web Components and created a video tutorial walking through the installation process.
- 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 ongoing support for adopting teams and continuing to extend and support existing capabilities, 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.
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.