Peach UI 🍑

Vue component library for easy web development.

Features

• Vue 3 plugin
• Nuxt module
• TailwindCSS utility classes
• DaisyUI CSS components
• Heroicons svg icons
• Animate on scroll

Install

# npm
npm i @zaifer/peachui

# yarn
yarn add @zaifer/peachui

Vue plugin

import Vue from "vue";
import PeachUI from "@zaifer/peachui";

Vue.use(PeachUI);

Nuxt module

// nuxt.config.js
export default defineNuxtConfig({
    modules: ["@zaifer/peachui/nuxt"],
});

Use

Local component

<script setup>
import { PButton } from "@zaifer/peachui";
</script>

<template>
    <p-button class="btn-primary"> Peach Button </p-button>
</template>