Skip to content

Installation

Fast.Element.Plus is an open-source SDK for Fast applications and consumers using the same conventions. It does not promise stable compatibility or a behavior-identical replacement for Element Plus.

Requirements

  • Node.js ^22.18.0 || ^24.18.0
  • pnpm ^11.0.0
  • Vue ^3.5.11
  • Element Plus ^2.14.5

These peer ranges correspond to fast-element-plus@2.0.19.

bash
pnpm add fast-element-plus element-plus @element-plus/icons-vue @fast-element-plus/icons-vue

Register the plugin

ts
import { createApp } from "vue";
import ElementPlus from "element-plus";
import FastElementPlus from "fast-element-plus";
import "element-plus/dist/index.css";
import "fast-element-plus/style.css";
import App from "./App.vue";

const app = createApp(App);
app.use(ElementPlus);
app.use(FastElementPlus);
app.mount("#app");

FastElementPlus.install already registers Element Plus and both icon collections. Calling only app.use(FastElementPlus) is therefore also supported. Explicit Element Plus registration makes the entry point easier to read and does not register Fast components twice.

Import components

vue
<script setup lang="ts">
import { FaButton, FaTable, FaTableColumn } from "fast-element-plus";
import "element-plus/dist/index.css";
import "fast-element-plus/style.css";
</script>

Importing the root entry immediately applies Fast defaults to Element Plus Props and enhances the ElMessageBox singleton methods. This is part of the current public runtime contract.

Global template types

json
{
	"compilerOptions": {
		"types": ["element-plus/global", "fast-element-plus/global"]
	}
}

See the API reference for exported components, directives, hooks and types.