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

Pegasus UI Kit for React.js

Pegasus React.js Component Library

Are you a developer with a tight project deadline? The Pegasus React.js Component Library is the perfect solution for you. Our library is built on Material UI's popular development framework and Pegasus Design System for Figma.

View Components Buy now

Everything You Need

What’s included?

Moving fast don’t mean you have to abandon your brand’s unique styling or accessibility requirements.


Core Components

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


Custom Icons API

Control styling and size of orignal custom line icons.


Theme Object

Reusable variables representing design attributes for consistent styling.

Based on the Popular Figma Design System and MUI.

80K users in over 100 countries

Including professionals inside...

companies Buy now


Theming that’s easy to update and customize

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


Made for your workflow

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.


View the components


Community Says

Helping makers just like you Craft What Matters...

Building apps creates a lot of questions that’s why we are including access to our exclusive Pegasus developer community. Get inspired mentor and grow your expertise.



Start building today!

Purchase billed annually

$249/Year $499

Pegasus MUI React Library

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

Still have questions?

Frequently Asked Questions.

We want to educate and provide the highest quality resources and tools. If you have questions we want to hear them. These are the most popular questions we get asked.

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

If development teams are frustrated trying to integrate designs that are lacking in pixel perfection or missing use cases, Pegasus can help.

If you want to promote inclusive design with full accessibility but are too busy balancing priorities to simply stop and shore up items like focus states and color contrast.

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.

With a single source of truth your codebase can avoid the duplication that leads to technical debt and higher maintenance costs.

If you have a large spread of stylistic preferences, training in UX or IC experience on the design teams you work with.

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.