Free Material UI design components
Material is a design system from Google to help teams build and design interfaces for Android, iOS, Flutter, and the web. This Material design template includes components that cover a wide range of interface cases across desktop and mobile
For example, you will find cards, lists, and sheets that can be used for displaying content, as well as, navigation drawers and tabs to create interactions for your users to move through an app or website.
Material UI icons at your fingertips
Create a mobile prototype in minutes with status bar icons, drag and drop UI elements, and building blocks. The system icons from Material Design are created to be simple and friendly. You can find a Material icon for any use case by searching the library by icon keyword. The Material design color palette is robust and can handle any design scheme. Icons from Material designs are bold and geometric to ensure they are easy to read at any size across all interfaces.
A fully interactive Material UI template
With the Material UI components, you can design anything from a simple dashboard to a full-fledged mobile prototype. Just connect the components using transitions and interactions to create a truly functional prototype. Use Magic Motion to transition from one screen to the next by creating a link from a Material UI button to the next screen in your prototype. It's easy to create any Material UI design using icons and UI elements combined with interactivity.
Start designing your next app or website.
Free design tool
Framer is your all-in-one tool for designing anything for free.
From UI to UX
In Framer you can design how features will work, not just how they look.
Work on projects together with real-time collaboration.
A Material UI kit for React developers
This UI kit was created specifically for Material UI, a popular React UI library with a comprehensive set of components. The Material kit is just as helpful for developers who want to spin up beautiful and accessible interfaces without relying on designers. With our React template, preview how everything looks before coding, use the properties panel to adjust styles, and the transition editor to design animations.
Discover more templates
Choose from a range of ready-to-use templates to save time and jumpstart any project, design, or wireframe.View all templates