1. Components
  2. installation

Preset Ui - Installation

This guide will help you get started with PresetUI

UnoCSS

Installation

Requirements

Ensure that UnoCSS has been already installed in your project. If not, please follow the Official UnoCSS installation guide .

  1. Install PresetUI 

    npm i -D @unifydev/preset-ui
    Note that PresetUI is a dev dependency

  2. Add the preset

    Inside your uno.config.(js|ts) file, import PresetUI and add it in preset List.
    uno.config.ts 
    // import the packages
import { presetUI } from "@unifydev/preset-ui"

export default defineConfig({
  // ...config
  presets: [
    //other presets
    presetUI({
        // your configuration here
    })
  ],
});
Nice you can now use PresetUI in your project, test this : 
<span class="badge-md ui-solid ui-solid-primary rounded">
    badge md
</span>
Prev
Configuration

Customize UI appearance and themes

Next
On this page