Onu UI ​

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 install, please see Installation.

Features ​

• 🌈 Components Design - Onu provides neat & beautiful crafted UI components.
• 🔥 On demand Import - Provide resolver to automatically import only used components.
• 🎉 Typescript Supported - Support TypeScript & type checked & type inference.
• 💎 Iconify Icons - Use any icon from the library you love.
• 🍬 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.

Online Playground ​

Best Practice ​

• onu-starter

More coming soon... welcome PR.

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

Discussions ​

Since OnuUI is under intensive development, we need your valuable comments and feature requirements of the component

Welcome to contact us at Discussions or Issues, we will be more than happy to reply to your message.

If you submit any bugs, please use the OnuUI Playground 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!