Mand Mobile - Vue mobile UI component library suitable for financial projects produced by Didi, free and open source, flexible, fast, rich and practical

Mand Mobile - Vue mobile UI component library suitable for financial projects produced by Didi, free and open source, flexible, fast, rich and practical

Recommend a mobile UI component library with strong usability, detailed interaction, and many financial industry components that can be used directly.

About Mand Mobile

Mand Mobile is a mobile Vue 2 component library produced by Didi's front-end team and specially designed for financial scenarios . It can help front-end developers quickly build projects, and the UI style is also very professional and rigorous. At present, it has been actually applied to more than 10 products of Didi's four major financial business sectors.

Mand Mobile official website

Mand Mobile Component Library Features

  • More than 40 practical components can meet the basic needs of conventional mobile terminal development, especially support the needs of financial scenarios
  • The UI visual specification is unified. Designed and maintained by Didi Finance designers, ensuring a high degree of visual consistency
  • Support on-demand loading, flexible use, avoid introducing useless code, export es, umd two formats and px, vh/vw two style units
  • Support style theme configuration, flexible expansion, easy to adapt to different design styles
  • Support TypeScript
  • Support server-side rendering

Develop hands-on experience

Mand Mobile is a mobile UI component library developed based on Vue 2. The UI design style is rigorous and neutral, with many subtle interaction details, and the experience is smooth and comfortable. It is no problem to use it in regular mobile projects, especially It is optimized for the financial industry. The first time I saw this UI component library , I thought it was very good-looking. After all, the codes of many component libraries are similar now, and many times I choose a component library because of its appearance.

Mand Mobile Documentation

Support npm or yarn:

Import component library:

Of course, you can also use babel-plugin-import or ts-import-plugin to import on demand. The development documentation on the official website is very detailed and easy to use.

Mand Mobile components

It is worth noting that some components specially designed for the financial industry are very practical, such as financial numbers, cash registers, digital keyboards, etc. These components have an excellent experience and can be used immediately, which can save a lot of development time.

Mand Mobile component preview

Like many component libraries produced by major manufacturers, Mand Mobile not only provides component libraries for developers to use, but also includes design specifications, Sketch design source files for designers to use, and even code writing specifications and code submission specifications. Very useful information on efficiency.

Free Open Source Instructions

Mand Mobile is a front-end UI component library developed by Didi based on Vue 2. The source code of the project is hosted on Github based on the Apache 2.0 open source agreement. Any individual or company can download and use it for free, and it can also be used in commercial projects.

Original link: https://www.thosefree.com/mand-mobile

Guess you like

Origin blog.csdn.net/weixin_45583710/article/details/128149514