A Preact wrapper for Material Components for the web, enabling a-la-carte usage for smaller bundles.
preact-material-components is a library that provides Preact wrapper components for Google's Material Components for the web (MDC-Web). It enables developers to use Material Design components in Preact applications with support for a-la-carte usage to minimize bundle sizes. The project offers multiple distribution builds (default, ES module, TypeScript source) for flexibility.
Frontend developers building Preact applications who want to integrate Material Design components efficiently, especially those concerned with bundle size and performance.
Developers choose this for its minimal overhead as a thin wrapper over MDC-Web, allowing selective component usage to avoid bloat and maintain small bundles, with support for modern JavaScript and TypeScript workflows.
preact wrapper for "Material Components for the web"
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Allows importing only the components needed, reducing bundle size significantly, as emphasized in the README for minimal overhead and smaller bundles.
Acts as an opinion-less layer, ensuring easy integration with Material Design components without adding unnecessary bloat to existing projects.
Provides default, ES module, and TypeScript source options, catering to different project types from applications to libraries, as detailed in the distributions section.
Brings Google's Material Design components to Preact, ensuring UI consistency with official guidelines for a polished aesthetic.
Only compatible with Preact 8 or lower, with Preact X+ support suspended, making it unsuitable for modern Preact applications and future-proofing.
The project has no active maintainers, meaning bugs may not be fixed and new features from MDC-Web won't be integrated, posing risks for production use.
Requires additional CSS imports for theming props and specific webpack configurations for less-loader, which can complicate initial setup and debugging.
FAQ is minimal, and with the project deprecated, finding support or advanced usage examples is challenging for developers encountering issues.