Material-UI for Sketch

A large UI kit with over 1,500 handcrafted Material-UI's symbols for πŸ’Ž Sketch.

Includes

  • 1,500+ high-quality symbols - ready to use and customize - kept in sync with the React implementation
  • 1,100+ icons grouped and named consistently with Material Design in 5 themes
  • 100+ customizable color, typography and elevation styles
  • 40+ screens with component and style guide documentation for developers
  • 5 examples of products designed with the kit
  • 1 year of updates
  • Smart Layout

No matter what your role, you'll be more efficient

UI / UX Designers πŸ’…

Save time using this large library of UI components, icons and styles to deliver your work faster. You can customize the kit however you want to match your product’s brand.

Developers πŸ› 

Gain in autonomy, design beautiful, consistent and accessible interface without relying on designers. You can preview how it will look before coding it.
The UI kit was created specifically for Material-UI, a popular React UI library with a comprehensive set of components.

Product managers / Entrepreneurs πŸ§ͺ

Create MVPs efficiently and save hundreds of hours on UI Design. This is a great place to start if your product or brand needs a design system. Equip your team with this library for Sketch and build consistent products faster.

Features

A comprehensive component inventory for Sketch πŸ›

The UI kit contains all the Material-UI components with states and variations which gives 1,500+ unique elements. All components are designed with the most up to date release.

The elements use Smart Layout which makes them scalable and adjustable. Convenient naming optimized for Sketch allows to quickly find and use the desired component.

Apply your product branding in minutes πŸ’…

The whole Material-UI theme is ready to use and customize. The styles depend on shared variables which makes them easily customizable and consistent. The kit includes the whole Material Design color palette. Change font and color styles to match your product branding in minutes.

Everything is documented for developers so you don’t need to worry about creating all states and docs yourself.

Save hundreds of hours πŸš€

The UI kit was built for Material-UI and optimized for Sketch. Save hundreds of hours and use the Material-UI React Library to bring your products to life.

Material-UI is awesome - it has over 1M+ active users and 54,000+ stars on GitHub!

A large icon library ℹ️

1,100+ material icons in 5 themes (filled, outlined, rounded, sharp, and two tone), grouped and named accordingly. You can reuse icons throughout the whole UI Kit in components, because everything is connected together.

Built exclusively for Sketch πŸ’Ž

The kit takes advantage of all the features of Sketch.

Handcrafted to perfectly match Material-UI ✨

Avoid surprises. What you design is what you get in production, with high reliability and consistency.

Brought to life by Devias IO.

Personal license
$69
Live Preview
Released23 Jan 2020
Updated19 Feb 2020
Version4.9.1
CategoryDesign
Questions?Contact us
Avatar
Created byMaterial-UI