Skip Navigation
React Magma
GroupCreated with Sketch.

React Magma

React Magma is a suite of React components based on the Magma design system that make it easy to create powerful and consistent experiences for students and instructors using Cengage products.

Develop with React Magma
Design with React Magma
Group 17Created with Sketch.


Components are the building blocks of React applications. With React Magma, we've built on this fundamental concept to provide ready-to-go user interface elements. These elements have quality, accessibility and branding baked in. This means you can focus your energy on solving problems for students and instructors without having to worry about the atomic building blocks for the UI.

Group 18Created with Sketch.


Every component goes through a rigorous process to ensure it meets our standards for quality. This includes design, branding, performance, and WCAG 2.0 compliance.

Group 5Created with Sketch.Aa


React Magma components come with accessibility already baked in, including keyboard behavior and the management of ARIA roles and properties.

Group 19Created with Sketch.


React Magma is designed and developed to provide a single system that unifies the user experience across platforms, devices, and input methods.

React Native components coming soon!

Group 15 CopyCreated with Sketch.

05Always Evolving

The React Magma team actively designs, develops, tests, and maintains the design system. If you have any requests for new components or if you find any bugs, please contact the team.