element-plus.svg Element Plus

Official Website: https://element-plus.org

Base Information

FieldValue
Components76+
Stars23.6k
NPM Downloads234.3k

Preview

Features

FeatureExplanation
Styled
Styled components come with opinated style. You usually customize them by overriding these styles.
Imported
You depends on an external library from which you import components. You benefits from library updates but can not directly customize components since it's not your own code.
Components
Provide components handling both logic and stying (or logic only if unstyled), but it is coupled to the Vue/React framework.
Vue
Made for Vue framework
Free
The UI Library is entirely free for all available components.
Dark Mode
Components are designed tu support both a light and dark version.
Semantic Colors
Colors can be associated with particular meanings, like 'primary', 'secondary', etc.
Figma files
Figma is the leading design tool. Figma files contain the same components that the UI Library, so that designers can create designs without coding skills.
Public Roadmap
A public roadmap is available to help you see next library features.
Fully Typed
Provided components are all typed to help developpers with auto-completion and potential errors.
Form Helpers
Provided tools or examples for integration with form management libraries (Vee-Validate, Zod, Yup, etc.)

Other You May Like