Add README, artwork and icon

framer/Material-UI.framerfx/README.md

@@ -0,0 +1,58 @@
+# Material-UI
+
+This is the official resource for Material-UI React components in Framer.
+
+## Supported components
+
+The following components are currently supported:
+
+- App bar
+- Avatar
+- Badge
+- Bottom navigation
+- Button
+- Checkbox
+- Chip
+- Circular progress
+- Floating action button (Fab)
+- Icon (all 1100+ Material Icons in 5 variants)
+- Icon button
+- Linear progress
+- List
+- List item (with some layout issues)
+- Media card
+- Paper
+- Radio
+- Radio group
+- Slider
+- Snackbar content
+- Switch
+- Tabs
+- Text field
+- Theme (to globally set primary, secondary and error colors)
+- Typography
+
+## Usage
+
+### Icons
+
+Icons can be specified using either snake_case (as documented on material.io),
+or PascalCase, as [documented in the Material-UI documentation](https://material-ui.com/components/material-icons/).
+Simply type the icon name in the appropriate property control.
+
+The icon theme can be chosen from the related select field.
+
+### Children
+
+Where a component accepts a variety of children (such as Avatar) these can be configured through Framer property controls.
+If multiple options are supplied, they take the following priority:
+
+- Local image
+- Image URL
+- Icon
+- Text
+
+## Resources
+
+- [Material-UI documentation](https://material-ui.com/)
+- [GitHub repo](https://github.com/mui-org/material-ui/tree/master/framer)

framer/Material-UI.framerfx/code/MediaCard.tsx

@@ -47,7 +47,7 @@ export class MediaCard extends React.Component<Props> {
     title: 'Material Improvement',
     subtitle: 'by Laura Philips',
     body:
-      'Discover how Material-UI became the leading, the leading React Material Design component library.',
+      'Discover how Material-UI, the leading React Material Design component library, can help to improve your users\' experience.',
     icon1: 'share',
     icon2: 'more_vert',
   };