Onu-UIOnu-UI
NOTICE !
Onu-UI is currently in WIP. It is not yet ready for production use. We appreciate your support and feedback as we work to make it ready for everyone.
Introduction
Onu-UI is a UI library generate by UnoCSS.
It includes a comprehensive collection of prebuilt components that are ready for use in production right out of the box.
Onu-UI is beautiful by design and features a suite of customization options that make it easy to implement your own custom design system on top of our components.
The component library is written with the latest Vue3 setup script, full of Typescript, and uses Vite and Tsup to package and build the component library. In addition, we also embrace the latest front-end ecological cutting-edge technology, thanks to VueUse, and the huge Vite plugin ecosystem.
To know how to install it, please see Installation.
Features
- 🌈 Glass Components - All components follow the glassmorphism style.
- 🔥 Introduce on demand - Provide resolver to automatically import only used components.
- 🎉 TS Supported - Support TypeScript & type checked & type inference.
- 💡 Cli Build - Easy to create repo with Onu Cli.
- 🍬 CSS Preset - Has UnoCSS preset package to use, rendered UI easily.
- ⚙️ Theme Config - Use attribute mode like unocss to desige. Support theme config to customize theme.
Environment
All components supported in modern browsers, support of neerly two or three versions.
 IE / Edge |  Firefox |  Chrome |  Safari |  Opera |  Electron |
|---|---|---|---|---|---|
| last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
Latest Version
You can subscribe to this feed for new version notifications: https://github.com/onu-ui/onu-ui/releases
Install
shell
# npm
npm i onu-ui && npm install -D unocss
# pnpm
pnpm add onu-ui && pnpm add -D unocss
# npm
npm i onu-ui && npm install -D unocss
# pnpm
pnpm add onu-ui && pnpm add -D unocss
Issue Help
Open a issue to request help.
If you take maybe some bugs, please use the OnuUI Playground(todo) to provide a minimal reproduction.
Contributing
Developers interested in contributing should read the Code of Conduct and the Contributing Guide.
Thank you to all the people who already contributed to OnuUI!