Vue Templates Logo Vue Templates
Onu UI screenshot

Onu UI

Author Avatar Theme by Onu ui
Updated: 26 Feb 2025
661 Stars

Opinionated and lightweight UnoCSS ui library.

Github Live Preview

Categories

Vite Vitepress

Overview

Onu is a UI component library that offers beautifully crafted UI components for web development. It supports TypeScript and provides type checking and inference. The library also allows developers to use any icon from the Iconify Icons library. Onu includes a preset package called UnoCSS that makes it easy to render the UI. Additionally, it supports theme configuration to customize the look and feel.

Features

  • Components Design: Onu provides a collection of neatly designed UI components.
  • On-demand Import: Onu offers a resolver that automatically imports only the components that are used, reducing the size of the bundle.
  • Typescript Supported: Supports TypeScript with type checking and inference.
  • Iconify Icons: Allows users to choose any icon from the Iconify Icons library.
  • CSS Preset: Includes the UnoCSS preset package for easy rendering of UI.
  • Theme Config: Supports attribute mode design similar to unocss, providing theme configuration options for customization.

Installation

To use OnuUI, follow these steps:

  1. Import the onu-ui package in your main entry file.
  2. Configure UnoCSS as per your requirements by customizing the UnoCSS config.
  3. To enable on-demand component import, you’ll need to install the unplugin-vue-components and unplugin-auto-import plugins.
  4. Add the necessary code to your Vite config file to enable on-demand component import.

Summary

OnuUI is a feature-rich UI component library for web development. It provides neatly designed UI components and supports TypeScript. With its on-demand import feature, it allows developers to import only the components that are used, reducing bundle size. OnuUI also supports customizing the theme and offers the flexibility to use icons from the Iconify Icons library. Its UnoCSS preset package simplifies the process of rendering UI components. With ongoing development, the OnuUI community welcomes feedback and contributions from developers.