Unified Components

How to use

1- Install

bun i unified-components --exact

2- Configure

uno.config.js

import { defineConfig } from 'unocss';
import preset from 'unified-components/uno.config.js';


export default defineConfig({
  presets: [
    preset,
  ],
  theme: {
    colors: {
      'neutral': '#212121',
      'on-neutral': '#FAFAFA',
      'primary': '#3b82f6',
      'on-primary': '#FAFAFA',
      'secondary': '#2dd4bf',
      'on-secondary': '#212121',
      'success': '#22c55e',
      'on-success': '#212121',
      'error': '#ef4444',
      'on-error': '#212121',
    },
  },
});

nuxt.config.js

export default defineNuxtConfig({
  extends: [
    'unified-components',
  ],
});