Getting Started

Installation

bash

pnpm add -D @coolui/preset

bash

npm install -D @coolui/preset

UnoCSS Configuration

TIP

If haven't installed UnoCSS in project yet, please refer to its documentation

// uno.config.ts
import presetCool from '@coolui/preset'
import { defineConfig } from 'unocss'

export default defineConfig({
  presets: [
    presetCool(),
  ],
})

Vue.js

Installation

bash

pnpm add @coolui/vue

bash

npm install @coolui/vue

Configuration

import { CoolUI } from '@coolui/vue'

const app = createApp()
app.use(CoolUI)

Integrations

Vite + Vue + Cool UI

Source Play online

Vite + React + Cool UI

Source Play online

More framework integration solutions

UnoCSS can theoretically be integrated with any front-end framework. For more information, please refer to its documentation