{"_id":"react-material","_rev":"36-676ea3291396a3ce8966a316889dbcc8","name":"react-material","dist-tags":{"latest":"0.0.1-alpha4"},"versions":{"0.0.1-alpha1":{"name":"react-material","version":"0.0.1-alpha1","keywords":["react","material design","ui components","frontend","web development","design system","expressive","responsive","accessible","modern web","react components","material ui","material design 3","md3","react material"],"author":{"name":"miukyo"},"license":"Apache-2.0","_id":"react-material@0.0.1-alpha1","maintainers":[{"name":"miukyo","email":"zaidaliyhijja@gmail.com"}],"dist":{"shasum":"0d581007b9dacc268473beae1acabf5bf2b84514","tarball":"https://registry.npmjs.org/react-material/-/react-material-0.0.1-alpha1.tgz","fileCount":133,"integrity":"sha512-f58CuTavgkGZx8+ZsgD7j4PCbZOBGQFjXEYcetSuyuNTSthQxSInPLeQ2o2x/WhcScnfsmG9H2R3o0hPEcGp+w==","signatures":[{"sig":"MEYCIQCXkAJOnfcynSSQr1zM1rJf2vp7o3wLBn6/hpPBlcTzfwIhAI2ec6lTXA7NhxT6gqT3vKKNhxwcEmu4CphVTKAqp61t","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":183356},"main":"dist/index.cjs","types":"dist/types/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/cjs/index.cjs"},"./*.css":{"import":"./dist/css/*.css","require":"./dist/css/*.css"}},"gitHead":"a1d41aa59dff0b3f91d78cc3ca6bf0ae311240b5","scripts":{"dev":"node build.js dev","tsgo":"tsgo","build":"rimraf dist && node build.js build","generate":"turbo gen react-component && bun run build"},"_npmUser":{"name":"miukyo","actor":{"name":"miukyo","type":"user","email":"zaidaliyhijja@gmail.com"},"email":"zaidaliyhijja@gmail.com"},"_npmVersion":"10.8.2","description":"Material Design 3 Expressive Implementation in React","directories":{},"_nodeVersion":"22.5.1","dependencies":{"@material/material-color-utilities":"*"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^11.0.3","react":"^19.1.0","rimraf":"^6.0.1","esbuild":"^0.25.5","chokidar":"^4.0.3","cross-env":"^7.0.3","react-dom":"^19.1.0","@types/bun":"latest","typescript":"^5.8.3","@types/node":"^22.0.0","esbuild-plugin-copy":"^2.1.1","esbuild-plugin-d.ts":"^1.3.1","@typescript/native-preview":"^7.0.0-dev.20250704.1","typescript-plugin-css-modules":"^5.1.0"},"peerDependencies":{"typescript":"^5.8.3"},"bundleDependencies":["@material/material-color-utilities"],"_npmOperationalInternal":{"tmp":"tmp/react-material_0.0.1-alpha1_1751740967779_0.09346838956252523","host":"s3://npm-registry-packages-npm-production"}},"0.0.1-alpha3":{"name":"react-material","version":"0.0.1-alpha3","keywords":["react","material design","ui components","frontend","web development","design system","expressive","responsive","accessible","modern web","react components","material ui","material design 3","md3","react material"],"author":{"name":"miukyo"},"license":"Apache-2.0","_id":"react-material@0.0.1-alpha3","maintainers":[{"name":"miukyo","email":"zaidaliyhijja@gmail.com"}],"dist":{"shasum":"77cb9be364be104675448a4f810bc3a630c159d0","tarball":"https://registry.npmjs.org/react-material/-/react-material-0.0.1-alpha3.tgz","fileCount":129,"integrity":"sha512-9dRFTjPQvY//AA07wWz4TOJMeyz2Flr2zRCOcsUmaKTuakCxNI6SAnSNvvynEbq8F58D4MIglad46ozE7CAS3Q==","signatures":[{"sig":"MEQCIAxYmB+Sbp0b0IP1Zvpo/YxszAs7OB5aojTtR9PTk75rAiB88TfDGQXR6ITRR1Ef4ttb8F9s68gysYqRCBMjgbgZ8Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":183276},"main":"dist/index.cjs","types":"dist/types/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/cjs/index.cjs"},"./*.css":{"import":"./dist/css/*.css","require":"./dist/css/*.css"}},"gitHead":"2f7662f1f51932d394f02355aeb852772fbe8116","scripts":{"dev":"node build.js dev","tsgo":"tsgo","build":"rimraf dist && node build.js build","generate":"turbo gen react-component && bun run build"},"_npmUser":{"name":"miukyo","actor":{"name":"miukyo","type":"user","email":"zaidaliyhijja@gmail.com"},"email":"zaidaliyhijja@gmail.com"},"_npmVersion":"10.8.2","description":"Material Design 3 Expressive Implementation in React","directories":{},"_nodeVersion":"22.5.1","dependencies":{"react-material-color-utils":"^0.3.1-nightly.2"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^11.0.3","react":"^19.1.0","rimraf":"^6.0.1","esbuild":"^0.25.5","chokidar":"^4.0.3","cross-env":"^7.0.3","react-dom":"^19.1.0","@types/bun":"latest","typescript":"^5.8.3","@types/node":"^22.0.0","esbuild-plugin-copy":"^2.1.1","esbuild-plugin-d.ts":"^1.3.1","@typescript/native-preview":"^7.0.0-dev.20250704.1","typescript-plugin-css-modules":"^5.1.0"},"peerDependencies":{"typescript":"^5.8.3"},"_npmOperationalInternal":{"tmp":"tmp/react-material_0.0.1-alpha3_1751796873459_0.1282948527084038","host":"s3://npm-registry-packages-npm-production"}},"0.0.1-alpha4":{"name":"react-material","version":"0.0.1-alpha4","author":{"name":"miukyo"},"main":"dist/index.cjs","module":"dist/index.js","devDependencies":{"@types/bun":"latest","@types/node":"^22.0.0","@typescript/native-preview":"^7.0.0-dev.20250704.1","chokidar":"^4.0.3","cross-env":"^7.0.3","esbuild":"^0.25.5","esbuild-plugin-copy":"^2.1.1","esbuild-plugin-d.ts":"^1.3.1","glob":"^11.0.3","react":"^19.1.0","react-dom":"^19.1.0","rimraf":"^6.0.1","typescript":"^5.8.3","typescript-plugin-css-modules":"^5.1.0"},"peerDependencies":{"typescript":"^5.8.3"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/cjs/index.cjs"},"./*.css":{"import":"./dist/css/*.css","require":"./dist/css/*.css"}},"description":"Material Design 3 Expressive Implementation in React","keywords":["react","material design","ui components","frontend","web development","design system","expressive","responsive","accessible","modern web","react components","material ui","material design 3","md3","react material"],"license":"Apache-2.0","scripts":{"build":"rimraf dist && node build.js build","dev":"node build.js dev","tsgo":"tsgo","generate":"turbo gen react-component && bun run build"},"types":"dist/types/index.d.ts","dependencies":{"react-material-color-utils":"^0.3.1-nightly.2"},"_id":"react-material@0.0.1-alpha4","gitHead":"64d727621ed3c97b264bb83b9d97de23968e3418","_nodeVersion":"22.5.1","_npmVersion":"10.8.2","dist":{"integrity":"sha512-n6zBpZDpufcvQORMS6YFXQGoAxVFVOuXITnZ4bUk4kSTuUaYq58IAxBw3C96942LsiyaK5F4ZQbEvHvYmAlF2w==","shasum":"f7760dd8b823000a509ac18686f8df8cf09d0fdf","tarball":"https://registry.npmjs.org/react-material/-/react-material-0.0.1-alpha4.tgz","fileCount":129,"unpackedSize":183333,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCa49XIwvrgdtuut3AOjBbOXwE0L2+YGy5m0GPI8Svv9AIhALBoWn2jn9pmoaHYu5vMMojBLS7FhJvc2i9OlzYX3x05"}]},"_npmUser":{"name":"miukyo","email":"zaidaliyhijja@gmail.com","actor":{"name":"miukyo","email":"zaidaliyhijja@gmail.com","type":"user"}},"directories":{},"maintainers":[{"name":"miukyo","email":"zaidaliyhijja@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-material_0.0.1-alpha4_1752079473041_0.609818184659271"},"_hasShrinkwrap":false}},"time":{"created":"2014-08-19T10:25:42.742Z","modified":"2025-07-09T16:44:33.387Z","0.0.1-alpha":"2014-08-19T10:25:42.742Z","0.0.2-alpha":"2014-09-06T20:13:48.214Z","0.3.0":"2014-11-01T08:19:17.953Z","0.3.1":"2014-11-01T10:07:17.914Z","0.3.2":"2014-11-01T10:17:29.374Z","0.0.1":"2025-06-27T06:29:15.542Z","0.0.0-pre1":"2025-06-27T06:44:58.013Z","0.0.1-pre1":"2025-06-27T07:25:19.643Z","0.0.1-alpha1":"2025-07-05T18:42:47.966Z","0.0.1-alpha2":"2025-07-05T20:13:42.972Z","0.0.1-alpha3":"2025-07-06T10:14:33.631Z","0.0.1-alpha4":"2025-07-09T16:44:33.235Z"},"author":{"name":"miukyo"},"license":"Apache-2.0","keywords":["react","material design","ui components","frontend","web development","design system","expressive","responsive","accessible","modern web","react components","material ui","material design 3","md3","react material"],"description":"Material Design 3 Expressive Implementation in React","maintainers":[{"name":"miukyo","email":"zaidaliyhijja@gmail.com"}],"readme":"![](https://raw.githubusercontent.com/miukyo/react-material/refs/heads/dev/packages/react-material/.img/banner.png)\n\n[![npm version](https://badge.fury.io/js/react-material.svg)](https://badge.fury.io/js/react-material)\n[![License: Apache-2.0](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)\n\nReact Material is a React component library built on the principles of Google's Material 3 design language. It provides a comprehensive set of UI components that are both visually appealing and highly functional, enabling developers to create consistent and accessible user interfaces with ease.\n\n> **Note**: React Material is an unofficial project and is not affiliated with or endorsed by Google. It is independently developed to bring the Material 3 design language to React applications.\n\n## Documentation\n\nFor full documentation, including a list of all components and their props, please visit our documentation website:\n\n[**Explore the docs**](https://material.miukyo.my.id)\n\n## Why React Material?\n\n- **Material 3 Design**: All components are designed to align with Google's latest Material 3 guidelines, ensuring a cohesive and modern look and feel.\n- **Customizable**: Easily customize components to match your application's branding and design requirements.\n- **Accessible**: Accessibility is a core focus, ensuring that your applications are usable by everyone.\n- **Developer-Friendly**: With detailed documentation and intuitive APIs, React Material makes it easy to integrate and use components in your projects.\n\n## License\n\nThis project is licensed under the Apache-2.0 License. See the [LICENSE](LICENSE) file for details.\n\n","readmeFilename":"README.md","users":{"berkeleytrue":true}}