JSPM

RMWC Chip component

RMWC Elevation component

RMWC Card component

Buttons communicate the action that will occur when the user touches them.

RMWC TopAppBar component

RMWC toggle module

Icon buttons allow users to take actions, and make choices, with a single tap.

RMWC Drawer component

RMWC Checkbox component

RMWC Slider component

Progress and activity indicators are visual indications of an app loading content.

Circular progress indicators display progress by animating an indicator along an invisible circular track in a clockwise direction. They can be applied directly to a surface, such as a button or card.

RMWC Radio component

RMWC Floating Action Button component

RMWC Theme component

RMWC is a React UI Kit built on Google's official Material Components Web library.

RMWC Data Table Component

RMWC avatar component

RMWC Toolbar component

RMWC ImageList component

RMWC GridList component

Touch targets are the parts of the screen that respond to user input. They extend beyond the visual bounds of an element. For example, an icon may appear to be 24 x 24 dp, but the padding surrounding it comprises the full 48 x 48 dp touch target.

Badges are small status descriptors for UI elements. A badge consists of a small circle, typically containing a number or other short set of characters, that appears in proximity to another object.

Segmented buttons allow users to toggle the selected states of grouped buttons.

RMWC Chip Evolution component

RMWC legacy tooltip component

React wrapper Material Design (Web) Components for uniforms.

A thin React wrapper for Material Design (Web) Components

RMWC Shape component

A VERY opinionated website framework built with react and material design.

RMWC TextField component

A menu with a RMWC Fab trigger