Introduction
zebra-ui is a mobile component library developed based on uniapp, aiming to achieve consistent code style and page interaction across multiple platforms.
The component library is written with vue3, ts, Composition API.
While ensuring multi-platform compatibility, it enables developers to write more standardized and rigorous code in scenarios facing large projects and requiring long-term maintenance by multiple people, thereby improving overall team development efficiency.
Features
- 🚀 70+ high-quality components, covering mainstream mobile scenarios
- 🔨 Compatible with multiple platforms, achieving consistent style when developing across multiple platforms.
- 🎨 Customizable themes, with over 90% of usable style variables provided for each component.
- 🎨 Supports dark mode, with dark mode adaptation provided in the example project.
- ⚡️ Developed using mainstream methods:
vue3,ts,setup. - 📚 Example projects and usage documentation covering all components.
Example Projects
Here are some example projects provided by ZebraUI official, from which you can clone the project and directly copy the code to use.
- demo-normal: This example project uses
HbuilderXto create the application and imports zebra-ui throughuni_modules. - demo-cli: This example project uses
VSCodeto create the application and imports zebra-ui throughpnpm.
Documentation Website
Visit the documentation website for how to use the component library.
- zebra-ui
- zebra-ui-github github-page backup website
Zebra Ecosystem
Projects maintained by Zebra official
- zebra-swiper: A highly customizable slideshow component based on uniapp, adapted for multiple platforms.
- zebra-color: Lightweight color picker compatible with all platforms.
Contribution Guide
zebra-ui is currently in its early stages, and we welcome you to submit PRs to us.
If you encounter any problems during use, you can submit issues for feedback.
If you are interested in open source or zebra-ui, you are welcome to join the zebra team.
