@prefecthq/orion-design

Orion Design is the Vue and Typescript component library for Prefect 2.0 and [Prefect Cloud 2.0)[https://www.prefect.io/cloud/]. The components and utilities in this project are not meant to be used independently.
10,571 34
Install
npm install @prefecthq/orion-design
Latest Version:1.2.23
Vue:3
Last Updated:Sep 3, 2026
Links: GitHub  ·  npm
Maintainer: znicholasbrown

orion-design

Orion Design is the Vue and Typescript component library for Prefect 2.0 and [Prefect Cloud 2.0)[https://www.prefect.io/cloud/]. The components and utilities in this project are not meant to be used independently.

Install

npm i @prefecthq/orion-design --save --save-exact

Demo

https://orion-design.netlify.app/

To run locally for devlopment you can use npm run serve and go to the url outputted to the console.

Developing with Prefect Orion-UI

If you plan to develop against the Prefect Orion-UI you can install the orion-design package locally.

We recommend using the cli and running

npm i @prefecthq/orion-design@../../orion-design --save

in the Prefect Orion-UI project where ../../orion-design is the relative path from your Prefect orion-UI project’s directory to the orion-design project directory. You can also use an absolute path.

If you have done this succesfully, you should see your Prefect Orion-UI package.json and package-lock.json updated to show your local orion-design.

Then when linking orion-design to the prefect/orion-ui project you can do the following:

In orion-design (this repo):

npm run dev

In orion-ui:

npm run serve

Now any change you make in orion-design will trigger a reload in orion-ui.

Update

To update a package in a project you can either install latest or a specific version like

npm i @prefecthq/orion-design@latest --save --save-exact

OR

npm i @prefecthq/orion-design@0.1.60 --save --save-exact

Disclaimer

This project does not follow SEM versioning and major, minor, and patch updates mostly signify progress toward objectives. Breaking changes are introduced regularly without releasing a major version.

Related Packages

@prefecthq/prefect-ui-library

This library is the Vue and Typescript component library for Prefect 2 and Prefe...

91,125 34
markdown-to-jsx

A very fast and versatile markdown toolchain. AST, React, React Native, SolidJS,...

214,042,213 2,394
@scalar/use-toasts

display toasts in Vue

24,371,992 16,329
@scalar/use-codemirror

CodeMirror for Vue

21,770,238 16,329
@scalar/api-reference

Generate beautiful API references from OpenAPI documents

21,031,808 16,329

Version History

Version Released Vue License
1.2.23 ^3.2.45
1.2.22 ^3.2.45
1.2.21 ^3.2.45
1.2.20 ^3.2.45
1.2.19 ^3.2.45
Pre-releases (46)
Version Released Vue License
1.1.41-beta-3 ^3.2.45
1.1.41-beta-2 ^3.2.45
1.1.41-beta-1 ^3.2.45
1.1.41-beta ^3.2.45
1.1.41-alpha ^3.2.45