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.

40+

Core Components

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

340+

Custom Icons API

Control styling and size of orignal custom line icons.

Tokens

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

Flexible

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.

companies
companies

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.

Explore

View the components

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

companies

Pricing

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?

Roadmap

We develop based on your experience needs.

Completed

40+ React Components

Coverage for the most used and powerful component.

340+ Integrated Icons

Line and filled options to help you express your message.

Next

Darkmode theme

Support darkmode theming for your app.

Data Visualization Charts

Graph and Chart theming support to better support your brand.

Themes

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

Future

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.