Welcome To Vexip UI
Vexip (pronounced /ˈvesɪp/
) UI provides a series of out-of-box components.
This library is using base on vue 3.0 with using composition api, and design and code components in the traditional way by Vue possible, fully TypeScript.
Almost all the default value of props for each component can be quickly modified by configuration, for easy customization.
And, the writing of component codes pay great attention to lowering the threshold of source codes reading, and the style of code is as close to the usual business code habits as possible to avoid dazzling encapsulation.
There are currently 78 components, many you see everywhere are here and are better, and a few may brighten your eyes.
Features#
- 📦 Out-of-box high quality Vue 3 components
- 📐 Intuitive, minimalistic Api design
- 🔧 Configurable default value of props, quickly complete global/local modifications
- ⚡ Composition Api, good performance base
- 🔨 With TypeScript, fully types
- 💪 1100+ unit tests to provide good stability
- 🎨 Support CSS variable, built-in dark theme
- 🚩 Support i18n
- 🛫 Provide resolver, support unplugin
- 🚤 Support SSR
- 🩹 Good a11n
- 👀 Close to business code arrangement, low threshold for source code reading
The design tokens are base on Open Color, and have some adjustments.
Environment#
All components supported in modern browsers, support of nearly two or three versions.
![]() Edge | ![]() Firefox | ![]() Chrome | ![]() Safari | ![]() iOS Safari | ![]() Opera | ![]() Electron |
---|---|---|---|---|---|---|
last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
Latest Version#
The version on the top-left is the version of the component library that the docs depends on when it is built, which may be inconsistent with the latest version.
You can view the Changelog to learn about the update process.
Install#
It is recommended to use pnpm or yarn to install:
# use pnpm
pnpm add vexip-ui
# use yarn
yarn add vexip-ui
Help#
Open a issue to request help.
If you take maybe some bugs, please use the Vexip UI Playground to provide a minimal reproduction.
Contributing#
Welcome to join us! You can check out the Contributing Guide to learn how to get started.
Or you can sponsor us to help the project grow better!
WeChat:

Alipay:

Author is not good at English. If you have any advice to improve the English document, you can create an issue or a PR.
Contributors#
Thanks for all their contributions!