@sky.ui.pro/core

Pro-tier Lit web components for Sky UI. Extends the free catalog with advanced inputs, navigation, and layout components.

Requires an active Sky UI Pro subscription. Install alongside @sky.ui/core when your app uses both tiers.

Install

npx sky.ui.pro login
npx sky.ui.pro install

Or install manually, then hydrate:

npm install "@sky.ui.pro/core"
npx sky.ui.pro install --framework=core

Quote scoped names ("@sky.ui/…") — required in PowerShell. See powershell-scoped-packages.md.

For CI/CD:

SKY_UI_AUTH_TOKEN=sk_ci_… npx sky.ui.pro install --yes --framework=core

Manage tokens on your Sky UI account. No .npmrc file is required.

| Token | Use | |-------|-----| | Personal (sk_pt_…) | Local development and MCP | | CI/CD (sk_ci_…) | Pipelines (SKY_UI_AUTH_TOKEN) |

Peer dependencies match @sky.ui/core (lit, and optional @lit-labs/motion, @lit-labs/virtualizer, @lit/context, d3, three).

Quick start

import { SkyKanban } from '@sky.ui.pro/core';

<sky-kanban></sky-kanban>

Import only the Pro components you use for tree-shaken production bundles.

Per-component paths are also supported:

import '@sky.ui.pro/core/sky-kanban';

Auto-import resolvers

Use resolvers from @sky.ui.pro/core/auto-import with unplugin-vue-components or your bundler's component plugin, alongside the free-tier setup in @sky.ui/core.

Bundler plugins (Vite, Webpack, Rollup)

Pro packages mirror the free-tier plugin surface. Bundler plugins auto-import components and validate your access token at build/dev time (no runtime checks in shipped apps).

Vite (@sky.ui.pro/core/vite):

import { SkyUIProMainVitePlugin } from '@sky.ui.pro/core/vite';

export default {
  plugins: [
    SkyUIProMainVitePlugin({
      mode: 'auto-import', // or 'vue' with unplugin-vue-components
    }),
  ],
};

Webpack (@sky.ui.pro/core/webpack): SkyUIProMainWebpackPlugin()

Rollup (@sky.ui.pro/core/rollup): SkyUIProMainRollupPlugin({ mode: 'auto-import' })

Vue / React Pro wrappers expose the same three bundlers at @sky.ui.pro/vue/vite|webpack|rollup and @sky.ui.pro/react/vite|webpack|rollup.

For resolver-only setup, use @sky.ui.pro/core/auto-import with unplugin-vue-components, alongside @sky.ui/core bundler plugins for free components.

Framework wrappers

| Package | Description | |---------|-------------| | @sky.ui.pro/vue | Vue 3 SFC wrappers | | @sky.ui.pro/react | React wrappers |

Free-tier equivalents: @sky.ui/vue, @sky.ui/react.

Custom Elements Manifest

Component metadata is published at @sky.ui.pro/core/custom-elements.json.

Updates window

Annual plans include one year of updates. You keep using versions released during your active window even after it ends; renew to receive newer releases.

License

Sky UI Pro Commercial License — requires an active Sky UI Pro subscription.

Documentation: library.sky-ui.com