Overview

Marble is the innovative design system developed by the Digital Department of The Metropolitan Museum of Art. This comprehensive framework not only enhances the aesthetic appeal of digital projects, but also emphasizes consistency and usability. As an innersource project, Marble stands as a testament to the Museum's commitment to open-source collaboration, allowing developers to harness its capabilities for their own creative endeavors.

Designed with flexibility in mind, Marble integrates seamlessly into various web development environments. Whether you are building a small application or a complex website, this design system offers the tools and resources necessary to elevate user experience and maintain brand integrity.

Features

Component Explorer: Powered by Storybook, this feature allows developers to visualize and interact with available components, enhancing the design process.
Installation Flexibility: Marble can be installed directly from GitHub using semantic versioning, providing options for various deployment strategies tailored to different project needs.
Reproducible Builds: Utilizing npm ci ensures that builds are deterministic and reproducible, eliminating the risk of unintentional upgrades during deployment.
Multiple Import Methods: Supports various import styles, including CommonJS and ESM syntax, making it adaptable to a wide range of project structures.
SCSS and CSS Support: Marble provides precompiled, minified CSS as well as SCSS options for those who prefer customization while maintaining design consistency.
Ongoing Development: As an actively maintained resource, Marble encourages contributions and improvements from the community, ensuring its evolution aligns with modern web standards.
Documentation and Resources: Extensive design documentation and examples are available, making it easy for developers to integrate Marble into their projects effectively.

Metmuseum

Marble