# @vue-patternfly/core

> [![LICENSE](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)][link-LICENSE] [![NPM](https://img.shields.io/npm/v/@vue-patternfly/core.svg?style=flat-square)](https://npmjs.org/package/@vue-patternfly/core) [![Download](https://i

Latest version **5.1.2** (published 2026-09-08) · 0 weekly downloads

## Install

```sh
npm install @vue-patternfly/core
pnpm add @vue-patternfly/core
yarn add @vue-patternfly/core
bun add @vue-patternfly/core
```

## Health

**Score 60/100 (C)** — status: active.

Positive: esm support; no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads; no types.

## Facts

| | |
|---|---|
| Version | 5.1.2 |
| Published | 2026-09-08 |
| First published | 2021-06-14 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | ESM |
| Dependencies | 6 |
| Unpacked size | 2.7 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | mtorromeo |

## Links

- npm: https://www.npmjs.com/package/@vue-patternfly/core
- npm.io page: https://npm.io/package/@vue-patternfly/core

## Dependencies (6)

- [@floating-ui/dom](https://npm.io/package/@floating-ui/dom.md) ^1.7.4
- [@floating-ui/core](https://npm.io/package/@floating-ui/core.md) ^1.7.3
- [@vue-patternfly/icons](https://npm.io/package/@vue-patternfly/icons.md) ^5.0.0
- [@patternfly/patternfly](https://npm.io/package/@patternfly/patternfly.md) ^5.4.2
- [@patternfly/react-styles](https://npm.io/package/@patternfly/react-styles.md) ^5.4.1
- [@patternfly/react-tokens](https://npm.io/package/@patternfly/react-tokens.md) ^5.4.1

## Recent versions

- 5.1.2 (latest) — 2026-09-08
- 6.0.0-beta.11 — 2026-09-08
- 6.0.0-beta.10 — 2026-08-14
- 6.0.0-beta.9 — 2026-06-22
- 6.0.0-beta.8 — 2026-03-18
- 5.1.1 — 2025-11-26
- 6.0.0-beta.7 — 2025-11-26
- 6.0.0-beta.6 — 2025-11-25
- 6.0.0-beta.5 — 2025-10-15
- 5.1.0 — 2025-08-18
- 6.0.0-beta.4 — 2025-05-06
- 6.0.0-beta.3 — 2025-05-05
- 6.0.0-beta.2 — 2025-05-02
- 6.0.0-beta.1 — 2025-04-24
- 5.0.0 — 2025-04-23
- … 42 more at https://npm.io/package/@vue-patternfly/core/versions

## README

# Vue PatternFly

[![LICENSE](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)][link-LICENSE]
[![NPM](https://img.shields.io/npm/v/@vue-patternfly/core.svg?style=flat-square)](https://npmjs.org/package/@vue-patternfly/core)
[![Download](https://img.shields.io/npm/dw/@vue-patternfly/core.svg?style=flat-square)](https://npmjs.org/package/@vue-patternfly/core)
[![Issues](https://img.shields.io/github/issues/mtorromeo/vue-patternfly.svg?style=flat-square)](https://github.com/mtorromeo/vue-patternfly/issues)

PatternFly 5 components for Vue 3.

The components are mostly a straight-forward port of the [PatternFly 5 components][link-patternfly] to Vue 3 with some differences where it makes sense to improve ergonomics or add new features.

### Common differences from patternfly-react

#### Component names are prefixed with `pf-`

This is done to conform to the custom element specification that requires component names to include an hyphen and to avoid conflicts with other components.

#### Boolean props "is/has" prefixes removed

This makes it easier to use the components and matches the naming convention of native elements. E.g. `<pf-text-input disabled />` just like `<input disabled>` instead of `<pf-text-input is-disabled />`.

By doing this we can also omit to declare some props that are automatically inherited by the underlying native element.

### Get started

Install the library with the package management tool of your choice:

```
npm install --save @vue-patternfly/core
# or
yarn add @vue-patternfly/core
```

Then you can import the components you need or use the whole library of components like this:

```js
import '@patternfly/patternfly/patternfly.css';
import '@patternfly/patternfly/patternfly-addons.css';
// alternatively include them in your html as a <style> tag

import { createApp } from 'vue';
import VuePatternFly from '@vue-patternfly/core';

const app = createApp({
  setup() {
    return {};
  },
});
app.use(VuePatternFly);
app.mount('#app');
```

## Contributing

Please see [CONTRIBUTING](CONTRIBUTING.md) and [CONDUCT](CONDUCT.md) for details.

## Documentation

See the [storybook][link-storybook] for usage instructions and other documentation.

## Security

If you discover any security related issues, please email massimiliano.torromeo@gmail.com instead of using the issue tracker.

## Credits

- [Massimiliano Torromeo][link-author]
- [All Contributors][link-contributors]

## License

The MIT License (MIT). Please see [License File](LICENSE) for more information.

[link-LICENSE]: https://raw.githubusercontent.com/mtorromeo/vue-patternfly/main/packages/core/LICENSE
[link-CONDUCT]: https://github.com/mtorromeo/vue-patternfly/blob/main/packages/core/CONDUCT.md
[link-author]: https://github.com/mtorromeo
[link-contributors]: ../../contributors
[link-patternfly]: https://v5-archive.patternfly.org/
[link-storybook]: https://mtorromeo.github.io/vue-patternfly/

---
_Source: https://npm.io/package/@vue-patternfly/core · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._