Registry / ui / vue-ts-kitt

vue-ts-kitt

library1.18.4jsnpmunverified

A Vue 3 / TypeScript 6 library providing reusable UI components and modules. Current stable version is 1.18.4, released with high release cadence (multiple major/minor versions per month). Key differentiators: built purely in TypeScript with full type support, designed for modern Vite-based projects, and offers a set of composable, modular components optimized for tree-shaking and performance. Unlike generic UI libraries, vue-ts-kitt focuses on lightweight, type-safe components with minimal runtime overhead.

ui library

npm install vue-ts-kitt

github ↗package ↗homepage ↗

INSTALL

IMPORT

SIG · VUE-TS-KITT

vue-ts-kitt

uijavascriptv1.18.4

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

VButton

✓ import { VButton } from 'vue-ts-kitt'

✗ import VButton from 'vue-ts-kitt'

Named export only, default export is the entire module.

VInput

✓ import { VInput } from 'vue-ts-kitt/components'

✗ import { VInput } from 'vue-ts-kitt'

Components can be imported from main entry or subpath; subpath ensures smaller bundle.

useKittTheme

✓ import { useKittTheme } from 'vue-ts-kitt/composables'

✗ import { useKittTheme } from 'vue-ts-kitt'

Composables are exported from subpaths to allow tree-shaking.

Shows how to install and use two components globally and a composable for theming in a Vue 3 app.

import { createApp } from 'vue'; import App from './App.vue'; import { VButton, VInput, useKittTheme } from 'vue-ts-kitt'; import 'vue-ts-kitt/dist/style.css'; const app = createApp(App); app.component('VButton', VButton); app.component('VInput', VInput); app.mount('#app'); // In a component: const { theme, toggleTheme } = useKittTheme();

Debug

Known issues

breakingVersion 1.0.0 removed the old modular component system.

fix

Update imports from 'vue-ts-kitt/old' to 'vue-ts-kitt'.

affects: >=1.0.0

deprecatedThe component 'VCard' is deprecated and will be removed in v2.

fix

Use 'VPanel' instead.

affects: >=1.10.0

gotchaOnly Vue 3 is supported; Vue 2 will not work.

fix

Ensure your project uses Vue 3.

affects: *

gotchaTree-shaking is only effective when importing from subpaths (e.g., 'vue-ts-kitt/components', 'vue-ts-kitt/composables').

fix

Use subpath imports to reduce bundle size.

affects: >=1.5.0

breakingTypeScript 6 is required; older versions may cause type errors.

fix

Upgrade TypeScript to version 6 or later.

affects: >=1.18.0

Errors

Common errors & fixes

Module '"vue-ts-kitt"' has no exported member 'VButton'.

Using default import instead of named import.

fix

Use import { VButton } from 'vue-ts-kitt'.

Cannot find module 'vue-ts-kitt/dist/style.css' or its corresponding type declarations.

Missing CSS import or TypeScript config not resolving CSS.

fix

Ensure the CSS file is imported and add 'vue-ts-kitt' to 'include' in tsconfig.json.

Type error: Type '{}' is not assignable to type 'VueProps'.

Passing incorrect props type due to TypeScript 6 strictness.

fix

Type the props properly using the component's prop types.

Upgrade

Version history

1.18.4latest on npm

Audit

Dependencies

vuerequiredpeer dependency - requires Vue 3 for component functionality

Agent activity

26 hits · last 30 days

node

OpenAI (training)

Resources

githubhttps://github.com/kitt-digital/vue-ts-kitt ↗

packagevue-ts-kitt ↗

homepagehttps://github.com/kitt-digital/vue-ts-kitt ↗