Skip Navigation
React Magma

React Magma Design System

React Magma is Cengage's open source design system for creating digital experiences with React.


Start 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.
Start Designing


Use 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.


Designed and developed for WCAG 2.1 compliance.


Easily theme all components with your brand's specific styles.

Platform Agnostic

Design and develop experiences for any platform.


Manage design at scale with a design system that evolves as needs change.


Save time so you can focus on larger issues of usability and meaning.


Open 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.

Deploys by Netlify