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.
We anticipate resuming development of the component library by the end of March, at which point we will be offering theme configuration options and enhancing the overall ecosystem of complex components for daily business use. Stay tuned for further updates.
Introduction
Onu UI is a Vue.js based UnoCSS UI library that allows you to make beautiful websites.
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.
Online Playground
?style=for-the-badge&logo=codesandbox){kind=icon}
Features
- 🌈 Components Design - Onu provides neat & beautiful crafted UI components.
- 🔥 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 design. 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
# 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 Onu UI!