React Magma Design System
React Magma is Cengage's open source design system for creating digital experiences with React.
DesigningStart working in Sketch with ready-made UI components such as inputs, buttons, and more! To see how a component works and behaves, please refer to the usage guidelines on this site.
DevelopingUse the documentation on this site to guide your development, and grab the code on github when you're ready to get started.
Working smarter, not harder
Standardized components support collaboration, reinforce branding, and provide a consistent look and user experience.
AccessibleDesigned and developed for WCAG 2.1 compliance.
ThemeableEasily theme all components with your brand's specific styles.
Platform AgnosticDesign and develop experiences for any platform.
ScalableManage design at scale with a design system that evolves as needs change.
EfficientSave time so you can focus on larger issues of usability and meaning.
LivingOpen source design system that is constantly expanding.
Want to contribute?
We welcome all ideas and feedback to help us produce the best possible experience for our users. If you're interested in contributing, review our contribution guidelines to get started.Start Contributing