Skip Navigation
React Magma

React Magma Design System

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

Designing

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

Developing

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.

Accessible

Designed and developed for WCAG 2.1 compliance.

Themeable

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

Platform Agnostic

Design and develop experiences for any platform.

Scalable

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

Efficient

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

Living

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