MUI React Component Library - Pegasus Product Design MUI React Component Library - Pegasus Product Design

Pegasus React Component Library

Elevate your react projects with our popular Pegasus Design System built on MUI.


What’s included?

Moving quickly doesn't require sacrificing your brand's unique style or accessibility.


Core Components

Pegasus React.js Component Library allows you to build apps at scale without sacrificing quality.


Custom Icons API

With a full set of custom icons you can control the styling and size of the custom line and filled icons.


Theme Object

Leverage reusable token variables representing design attributes to scale your products and go multi-brand.

Based on Pegasus for Figma

80K users in over 100 countries

Including professionals inside...

companies Buy now

Easy to customize theming

Pegasus features a theming engine, with it designers can create a unique visual identity for their products, making them instantly recognizable to users.


Use plan JS or Typescript

Our library supports plain JS or Typescript, providing the flexibility you need to structure your app architecture in a way that works for you.

Storybook Unit Testing

Storybook streamlines testing, visualizing and configuring React components within isolated development an environment.


View the components

Meticulously designed for optimal functionality and aesthetic appeal.



Start building today!

$249/Year $599


Take flight and crush your projects.

  • 40+ React Components
  • Responsive Design
  • 340+ Custom Icons
  • Design Token Engine
  • JS/Typescript Support
  • 3 User seats
Buy now
Cancel anytime!


Commonly Asked Questions

Answers and insights into the most common queries.

To provide a set of reusable UI building blocks called "components" for building web applications faster and more efficiently.

Developers who use React for building web applications and want great accessibility, performance, and speed of iteration.

If you are tired of wasting time starting from scratch on every project and want to speed up your workflow and that of your fellow cross-function team members.

Simplicity, reusability, and consistency of all UI elements which provides a great user and devloper experience.

If development teams are frustrated trying to integrate designs that are lacking in pixel perfection or missing use cases, Pegasus can help alleviate those concerns and streamline the product development process.

If your team wants to promote inclusive design with full accessibility but are too bogged down balancing priorities to simply stop and shore up items like focus states and color contrast this product can help short cut the work required.

If you are experiencing Design Fragmentation across teams, projects or products and the results no longer look and feel like they come from the same company setting up a Design System is a great solution.

If you setup a single source of truth for UI Components your codebase can avoid the duplication that leads to technical debt and higher maintenance costs.

If you have a large spread of levels or stylistic preferences on a team, having a Design System can help your users be able to memorize the common metholds of using your product.

Establish a user feedback loop, track bug reports, and envolve community support.

What's Next?


We develop based on your experience needs.


40+ React Components

Coverage for the most used and powerful component.

340+ Integrated Icons

Line and filled options to help you express your message.


Darkmode theme

Support darkmode theming for your app.

Data Visualization Charts

Graph and Chart theming support to better support your brand.


Multiple style variants for components, e.g. Classic, Modern, Playful…


Landing Page Example

Work from the best tested marketing patterns.

Ecommerce Example

Selling products based on making the products be the star.

Dashboard Example

See Pegasus in action with a dashboard example app.

Compiling the Widgets

New higher level widgets using the core components.

And more...