The latest articles on DEV Community by Prudhvi Raj (@prudhvi_raj). https://dev.to/prudhvi_raj https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3800156%2Ff7308fbf-885a-470a-946e-8d3635440cb7.jpg https://dev.to/prudhvi_raj en Prudhvi Raj Sun, 01 Mar 2026 16:49:14 +0000 https://dev.to/prudhvi_raj/i-built-a-react-library-for-material-3-expressive-with-motion-demos-docs-mb1 https://dev.to/prudhvi_raj/i-built-a-react-library-for-material-3-expressive-with-motion-demos-docs-mb1 <p>Hey <a href="https://Dev.to" rel="noopener noreferrer">DEV</a> — I’m publishing a small React component library that aims to bring the Material 3 “Expressive” visual language to React apps today.</p> <p>The core idea: use Google’s Material Web components under the hood, but expose ergonomic, typed React components and add the extra styling + motion needed to better match the Expressive direction and Android-like component animations.</p> <p><strong>Links</strong></p> <ul> <li><a href="https://github.com/prudhviraj5/material-expressive-react" rel="noopener noreferrer">Github project</a></li> <li><a href="https://prudhviraj5.github.io/material-expressive-react/storybook/" rel="noopener noreferrer">Storybook for interactive demos</a></li> <li><a href="https://prudhviraj5.github.io/material-expressive-react/docs/" rel="noopener noreferrer">API docs of all components</a></li> </ul> <p><strong>What you get</strong></p> <ul> <li>React-friendly wrappers around Material Web components (props/events that feel like React)</li> <li>Bundle-friendly import paths</li> <li>Docs-first workflow (Storybook + API docs)</li> <li>Extras beyond the base web components (for example, React-first date/time pickers)</li> </ul> <p><strong>Notes</strong></p> <ul> <li>This is not affiliated with Google.</li> <li>Since these are wrappers over Custom Elements, SSR frameworks generally need a client-only boundary for rendering/registration.</li> </ul> <p><strong>Why I’m posting</strong><br> If you’ve tried to adopt Material 3 Expressive in a React codebase and hit friction around Custom Elements integration, event wiring, typing, or docs, I’d love feedback on the API surface and any gaps you’d want filled next. Please leave a star on the Github if you like my project and raise issues for any bugs.</p> opensource react webdev ui