Getting Started

What is Flowkit UI?

Patterns teams rebuild on every project, done once. Each one targets a concrete problem you often hit when building apps.

shadcn/ui Foundation

Follows shadcn/ui conventions.
Your existing theme and setup apply without adopting a second design system.

Accessible by Design

Built on Base UI primitives: focus management, keyboard navigation, and ARIA patterns so behavior and state are clear to assistive tech and power users.

Installation

Add flowkit-ui as a registry in your components.json to use short names instead of full URLs. The CLI swaps {name} for the component id when it downloads the registry file.

{
  "registries": {
    "@flowkit-ui": "https://flowkit-ui.vzkiss.com/r/{name}.json"
  }
}

Example

pnpm dlx shadcn@latest add @flowkit-ui/creatable-combobox

If that fails, point the CLI at the component JSON directly:

Direct URL

pnpm dlx shadcn@latest add https://flowkit-ui.vzkiss.com/r/creatable-combobox.json

Use this if you have not added the registries block yet, or the short name is not resolving.