@astryx-vue/cli

Agent-friendly CLI for the unofficial astryx-vue port of Astryx. Not affiliated with Meta.
215 7
Install
npm install @astryx-vue/cli
Latest Version:0.3.0
License:MIT
Last Updated:Oct 21, 2026
Links: GitHub  ·  npm
Maintainer: shen_qing_chuan

English | 简体中文

astryx-vue

Unofficial Vue 3 port of Astryx — components, themes, and an agent-friendly CLI.

GitHub npm @astryx-vue/core npm @astryx-vue/themes npm @astryx-vue/cli License: MIT

Not affiliated with, endorsed by, or supported by Meta. The original Astryx is at https://github.com/facebook/astryx.

Install

pnpm add @astryx-vue/core @astryx-vue/themes

The only peer dependency is vue ^3.5.0. npm and yarn use the same package names.

Quick start

Import one theme at the app entry. Neutral also applies on :root, and it brings Figtree and JetBrains Mono.

import '@astryx-vue/themes/neutral.css'

Import each component from its own subpath. That entry loads the matching structural styles. StyleX and UnoCSS are not required.

<script setup lang="ts">
import { Button } from '@astryx-vue/core/Button'
</script>

<template>
  <Button label="Get started" />
</template>

Packages

Package What it is
@astryx-vue/core Vue components, composables, and structural styles
@astryx-vue/themes One theme package: Neutral, Butter, Chocolate, Gothic, Matcha, Stone, and Y2K
@astryx-vue/cli astryx-vue — component docs, search, and agent context. Not Meta's astryx

core and themes publish together. @astryx-vue/cli is already on npm and versions on its own.

CLI

Install the CLI as a dev dependency. The package declares a bin, so the command lands on node_modules/.bin:

pnpm add -D @astryx-vue/cli
pnpm exec astryx-vue component Button
npx astryx-vue search dialog

Without installing it, run npx @astryx-vue/cli …; the scope is required, because the bare astryx-vue name on npm is not this package.

pnpm exec astryx-vue build "login page with SSO"
pnpm exec astryx-vue template login-card ./src/pages
pnpm exec astryx-vue manifest --json
pnpm exec astryx-vue init --features agents

init --features agents refreshes only the managed block in AGENTS.md. Text outside the markers stays. The guide is CLI.

Resources

Development

Node.js 22.18+ and pnpm 11.21+.

pnpm install
pnpm dev      # docs site
pnpm check    # lint, typecheck, test, and build

Release steps are in RELEASING.md.

License

MIT. Astryx is copyright Meta Platforms, Inc. This repository is an unofficial port of that design and is not affiliated with or endorsed by Meta.

Related Packages

@wervt/cli

Deploy and manage apps on wervt.

1,232
@astryx-vue/core

Vue 3 components for the unofficial astryx-vue port of Astryx. Not affiliated wi...

644 8
@coderocketapp/cli

Install and sync editable React and Vue components from your CodeRocket UI libra...

493 248
@astryx-vue/themes

CSS themes for the unofficial astryx-vue port of Astryx. Not affiliated with Met...

812 8
@component-compass/cli

Open-source CLI for measuring design-system component usage across multi-framewo...

20,270

Version History

Version Released License
0.3.0 MIT
0.2.0 MIT
0.1.0 MIT
Pre-releases (1)
Version Released License
0.0.0-stage