A large UI kit with over 600 handcrafted Material-UI symbols for Adobe XD.
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.
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.
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 Adobe XD and build consistent products faster.
You can preview all components, screens, layouts, and styles available in the UI kit.
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 Auto Layout which makes them scalable and adjustable. Convenient naming optimized for Adobe XD allows you to quickly find and use the desired component.
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.
The UI kit was built for Material-UI and optimized for Adobe XD. 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 63,000+ stars on GitHub!
The kit takes advantage of all the features of Adobe XD.
Avoid surprises. What you design is what you get in production, with high reliability and consistency.
We send an update email to each customer when a new release is available.
You can access the item on the download page of your admin section. You can find a detailed description of the changes under the "Changelog" tab.
Unfortunately, Adobe XD does not work like an npm package that we can simply update the dependencies, yet!
Most of the time, we don't release breaking changes in the updates. We add new content. You can decide if it's worth or not the effort to integrate the new content into your existing file.
The license is perpetual, once the kit is downloaded, it can be used forever. It's a one-time payment with no automatic annual subscription. For extending the support and access to the newest versions for 12 months, you need to make a new order. We offer a 40% discount for the renewal of a license.
We aim to keep feature parity between the Adobe XD, Figma, and Sketch kits.
We have a 50% off coupon for past customers who want to switch between two design tools.
Yes, we offer a 50% discount on any product license to educational, non-profit, and charity entities. This special discount cannot be combined with any other type of discount.
To qualify for the discount, you need to send us a document clearly indicating that you are a member of the respective institution. An email from your official account which bears your signature is sufficient in most cases.
For more information on how to qualify for a discount, please contact sales.
Package type
Live PreviewSynced with the React components
1 year of updates
100% money-back guarantee
Released | Dec 12, 2020 |
Updated | Feb 1, 2021 |
Version | 4.12.0 |
Category | Design |
Questions? | Contact us |
![]() Created byMaterial-UI |