Getting Started

Pomikit is a Vue 3 component library built around zero-config defaults and intent-driven APIs. Install it, import styles, and start composing.

Install

npm install pomikit-ui
# or
pnpm add pomikit-ui
# or
yarn add pomikit-ui

Peer dependency: Vue 3.

Styles

Import the stylesheet once in your app entry:

import 'pomikit-ui/styles.css'

Zero-config usage

Components work with no theme setup. Defaults use the linear Design Kit.

<script setup lang="ts">
import { Button } from 'pomikit-ui'
</script>

<template>
  <Button>Save</Button>
</template>

Optional plugin + theme

For toast/dialog services and a branded Design Kit, register the Pomikit plugin:

import { createApp } from 'vue'
import { Pomikit, createTheme } from 'pomikit-ui'
import 'pomikit-ui/styles.css'
import App from './App.vue'

const app = createApp(App)

app.use(Pomikit, {
  theme: createTheme({
    design: 'linear',
    accent: '#5B5FFF',
  }),
})

app.mount('#app')

The plugin applies theme tokens and mounts dialog/toast overlays. See Root & services if you prefer <PomikitRoot> instead.

Next steps

• Philosophy: how Pomikit chooses APIs
• Design Kits: theme the whole app once
• Intent design: let components infer behavior