[website] Add Joy UI to the pricing page

README.md

@@ -7,11 +7,13 @@
 
 **MUI Core** contains foundational React UI component libraries for shipping new features faster.
 
-- _Material UI_ is a comprehensive library of components that features our implementation of Google's [Material Design](https://material.io/design/introduction/) system.
+- [_Material UI_](https://mui.com/material-ui/getting-started/overview/) is a comprehensive library of components that features our implementation of Google's [Material Design](https://material.io/design/introduction/) system.
 
-- _MUI Base_ is our library of "unstyled" components and low-level hooks. With Base, you gain complete control over your app's CSS and accessibility features.
+- [_Joy UI_](https://mui.com/joy-ui/getting-started/overview/) is a beautifully designed library of React UI components.
 
-- _MUI System_ is a collection of CSS utilities to help you rapidly lay out custom designs.
+- [_MUI Base_](https://mui.com/base/getting-started/overview/) is our library of "unstyled" components and low-level hooks. With Base, you gain complete control over your app's CSS and accessibility features.
+
+- [_MUI System_](https://mui.com/system/basics/) is a collection of CSS utilities to help you rapidly lay out custom designs.
 
 <div align="center">
 

docs/src/components/pricing/PricingTable.tsx

@@ -339,19 +339,25 @@ const rowHeaders: Record<string, React.ReactNode> = {
   'MUI Base': (
     <ColumnHead
       label="MUI Base"
-      tooltip="Unstyled components and react hooks available in @mui/base."
+      tooltip="A library of headless ('unstyled') React UI components and low-level hooks, available in @mui/base."
     />
   ),
   'MUI System': (
     <ColumnHead
       label="MUI System"
-      tooltip="CSS utilities for rapidly laying out custom designs available in @mui/system."
+      tooltip="CSS utilities for rapidly laying out custom designs, available in @mui/system."
     />
   ),
   'Material UI': (
     <ColumnHead
       label="Material UI"
-      tooltip="Core components following Material Design available in @mui/material."
+      tooltip="A library of React UI components that implements Google's Material Design, available in @mui/material."
+    />
+  ),
+  'Joy UI': (
+    <ColumnHead
+      label="Joy UI"
+      tooltip="A library of beautifully designed React UI components, available in @mui/joy."
     />
   ),
   // Advanced
@@ -561,6 +567,7 @@ const communityData: Record<string, React.ReactNode> = {
   'MUI Base': yes,
   'MUI System': yes,
   'Material UI': yes,
+  'Joy UI': yes,
   // MUI X
   'data-grid/column-groups': pending,
   'data-grid/column-spanning': yes,
@@ -617,6 +624,7 @@ const proData: Record<string, React.ReactNode> = {
   'MUI Base': yes,
   'MUI System': yes,
   'Material UI': yes,
+  'Joy UI': yes,
   // MUI X
   'data-grid/column-groups': pending,
   'data-grid/column-spanning': yes,
@@ -673,6 +681,7 @@ const premiumData: Record<string, React.ReactNode> = {
   'MUI Base': yes,
   'MUI System': yes,
   'Material UI': yes,
+  'Joy UI': yes,
   // MUI X
   'data-grid/column-groups': pending,
   'data-grid/column-spanning': yes,
@@ -950,6 +959,8 @@ export default function PricingTable({
       </RowHead>
       {renderRow('Material UI')}
       {divider}
+      {renderRow('Joy UI')}
+      {divider}
       {renderRow('MUI Base')}
       {divider}
       {renderRow('MUI System')}

packages/mui-base/package.json

@@ -3,7 +3,7 @@
   "version": "5.0.0-alpha.84",
   "private": false,
   "author": "MUI Team",
-  "description": "Unstyled React components and low-level hooks.",
+  "description": "A library of headless ('unstyled') React UI components and low-level hooks.",
   "main": "./src/index.js",
   "keywords": [
     "react",

packages/mui-joy/package.json

@@ -3,7 +3,7 @@
   "version": "5.0.0-alpha.31",
   "private": false,
   "author": "MUI Team",
-  "description": "Joy design system — React components",
+  "description": "A library of beautifully designed React UI components.",
   "main": "./src/index.ts",
   "keywords": [
     "react",