Yew Material

screenshot of Yew Material

Yew Material

yew-material is a material-ui framework for yew


Aboutyew-material is a material-ui framework for Yew, a modern Rust framework for creating web applications. It aims to provide a seamless integration between Material-UI, a popular React UI framework, and Yew. This allows developers to leverage the rich set of components and styling options provided by Material-UI while building web applications using Yew's Rust-based syntax and features.


  • Material-UI Integration: yew-material provides a streamlined integration with Material-UI, allowing developers to use Material-UI components and styling within their Yew applications.
  • Single Page Application: yew-material-app allows developers to easily create single page applications using Yew. This is beneficial for building modern web applications that provide a smooth user experience.
  • Optimized Production Build: The build process for yew-material-app optimizes the code for best performance in production. It minifies the code and includes hashes in the filenames to facilitate caching and efficient resource loading.


To install yew-material and create a yew-material-app, follow these steps:

  1. Install Node.js if you haven't already. You can download it from the official Node.js website.
  2. Open your terminal and navigate to the directory where you want to create your yew-material-app.
  3. Run the following command to create a new yew-material-app using the modified create-yew-app tool:
    npx create-yew-material-app my-app
    Replace "my-app" with the desired name for your application.
  4. Once the installation is complete, navigate into the newly created directory:
    cd my-app
  5. Start the development server by running the following command:
    npm run start
  6. Open your browser and visit http://localhost:3000 to see your yew-material-app in action.


yew-material is a powerful framework for creating web applications using Yew and Material-UI. It enables developers to leverage the features and components provided by Material-UI while leveraging the benefits of Yew's Rust-based syntax and features. With yew-material-app, developers can easily create single page applications with optimized production builds.