KingDesign - a design system produced by Kingsoft Cloud, including a set of front-end ui component libraries that support vue3

KingDesign - a design system produced by Kingsoft Cloud, including a set of front-end ui component libraries that support vue3

Kingsoft Cloud's open source component library has been updated, and the design system and development tools are more complete. The front-end component library supports Vue2, Vue3 and React.

About KingDesign

As early as two years ago, I introduced the kpc component library produced by Kingsoft Cloud. Now this set of component libraries has ushered in a new version 2.0, and the name has also been changed to KingDesign. The overall quality has been greatly improved, and it is closer to A complete design system such as element UI or Ant design is generally used to build a middle and background management system in product development .

kingdesign official website home page

KingDesign consists of components, development, design resources, tools, solutions, and design guidelines, which we can use to quickly build consistent and strong products.

Features of the new version KingDesign

  • A brand new front-end UI component library with detailed interactive effects, including multiple commonly used business components, supports Vue2 / Vue3 and React
  • A unified and complete design guide, which can be used for unified product design specifications, and also provides design resource files suitable for sketch / figma, which are convenient for designers and product managers to call
  • The newly released free commercial font: Jinshan Cloud Technology Body, full of sense of technology

Kingsoft Cloud Technology Body

KingDesign hands-on experience

As a domestic veteran software development company, the quality of the front-end component library launched by Kingsoft Cloud has ushered in a great improvement this time. If the product design style to be built is close to the style of Kingsoft Cloud, you can use this set of design system to quickly build.

kingdesign design system

In terms of design, in addition to providing UI design source files for quick reference, KingDesign has also built a resource library KingVision mainly based on icons and pictures, and released a font called Kingsoft Cloud Technology Body. There will be more and more resources, which deserve the attention of designers.

king vision resource library

The component style of KingDesign is the style of Kingsoft Cloud. This is a set of neutral-style components that support theme customization. I like the click animation of these components very much. Clickable components will have a faint water ripple effect after clicking , the feedback is very comfortable.

kingdesign component

KingDesign also provides uncommon but useful components such as code editor and editable text, especially the editable text component, which is easy to operate and has a good experience.

KingDesign supports Vue2 / Vue3 and React. The official document has detailed usage methods, such as using in Vue3:

Install via npm

Introducing KingDesign

import on demand

Free Commercial Instructions

Like the 1.0 version of KPC, KingDesign is also based on the MIT open source agreement , and any company or individual can download and use it for free. Kingsoft Cloud Technology is also a free commercial art font for the whole society . I will focus on this font next time. . In general, this is a high-quality online R&D system that deserves our attention and even try to use.

Original link: https://www.thosefree.com/kingcloud-design

Guess you like

Origin blog.csdn.net/weixin_45583710/article/details/127472362
Recommended