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 covering a wide range of interface cases across desktop and mobile.
You will find things like cards, lists, and sheets for displaying content, as well as navigation drawers and tabs to make it easy for your users to find their way 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 simple and friendly by default.
You can find a Material icon for any use case by searching the library by icon keyword. The robust Material design color palette can handle any design scheme. Check out the bold, geometric icons from Material—you’ll notice that they’re easy to read at any size and 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 design. Connect the components with transitions and interactions to create a fully realistic design.
We recommend using Magic Motion to transition from one screen to the next. Simply link from a Material UI button to the next screen in your design to try it for yourself. When you start with the Material UI design kit, all of your interactive icons and UI elements lend to a design that feels nearly indistinguishable from the real thing.
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
Design how features will work in Framer, 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 works beautifully for developers who want to create accessible interfaces without relying on designers.
With our React template, you can easily preview the full experience of an interactive design, use the properties panel to adjust styles, and design stunning animations in seconds with the transition editor.
Explore all templates
Choose from a range of ready-to-use templates to save time and jumpstart any project, design, or wireframe.View all templates