https://github.com/onu-ui/onu-ui

Opinionated and lightweight UnoCSS ui library.
https://github.com/onu-ui/onu-ui

components preset typescript ui unocss vue

Last synced: 2 months ago
JSON representation

Opinionated and lightweight UnoCSS ui library.

• Host: GitHub
• URL: https://github.com/onu-ui/onu-ui
• Owner: onu-ui
• License: mit
• Created: 2022-07-21T14:43:39.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2025-02-27T03:45:33.000Z (2 months ago)
• Last Synced: 2025-03-05T22:07:33.862Z (2 months ago)
• Topics: components, preset, typescript, ui, unocss, vue
• Language: TypeScript
• Homepage: https://onu.zyyv.dev
• Size: 2.26 MB
• Stars: 661
• Watchers: 7
• Forks: 52
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Codeowners: CODEOWNERS

Awesome Lists containing this project

• awesome-unocss - OnuUI - Popular, beautiful and fast UnoCSS component library. (UI Libraries, Components & Templates)
• awesome-unocss - OnuUI - Popular, beautiful and fast UnoCSS component library. (UI Libraries, Components & Templates)
• awesome-unocss - Onu UI - ui/onu-ui) - Opinionated and lightweight UnoCSS ui library by [@zyyv](https://github.com/zyyv) and [@yzh990918](https://github.com/yzh990918). (Community / Frameworks)

README

        


  

  
Onu UI (WIP)

  
Opinionated and lightweight UnoCSS ui library.










## Features

- 💎 **Pure atomic css** - no need to introduce additional css files.

- 🍬 **Simple and efficient** - render UI with the least amount of code.

- 💜 **Expand Easily** - atomic css allows you to freely combine the styles you want.

- 🎨 **Dynamic theme** - generated with Magicolor that conform to human visual perception.

- 🌗 **Toggle theme** - Automatically adapts to dark / light mode.

- 🔥 **UI Design** - Neat & beautiful crafted UI components.

- 🌈 **On demand** - Provide resolver to automatically import only used components.

- 🚀 **Typescript Support** - Support TypeScript & type checked & type inference.

- 😃 **Iconify Icons** - Use any icon from the library you love.

- 💪 **Quickly started** - atomic css and vue component library can be used together.

## Documentation

Read the 🧑‍💻 [documentation](https://onu.zyob.top) for more details.

Have fun with the 🤹‍♂️ Playground Beta.

## Credits

- [UnoCSS](https://github.com/unocss/unocss)

- [daisyui](https://github.com/saadeghi/daisyui)

- [@nuxt/ui](https://github.com/nuxt/ui)

## License

[MIT](https://github.com/onu-ui/onu-ui/blob/main/LICENSE) License © 2022 [Chris](https://github.com/zyyv)