README.md

Grafana / Create Plugin

Create Grafana plugins with ease.

ToC

• Grafana / Create Plugin
  • Create a new plugin
    • Quick overview
      • npx
      • npm
      • pnpm
      • yarn (1.x)
  • Migrate your existing plugin
  • Update your plugin build config
  • Customizing or extending the basic configs
  • Contributing

Links

• Plugin Tools docs
• Plugin developer docs
• Plugin migration guide

@grafana/create-plugin works on macOS, Linux and Windows Subsystem for Linux (WSL).
If something doesn't work, please file an issue.
If you have questions or need help, please ask in GitHub Discussions.

Create a new plugin

Quick overview

Run the command in the folder where you want to store your plugins. The new plugin will be scaffolded in a sub-directory of the folder where you run the command.

Create Plugin can be used with NPM, PNPM or Yarn 1. The plugin will be scaffolded to use your preferred package manager. Run the command with the package manager of your choice:

npx

npx @grafana/create-plugin@latest

npm

npm init @grafana/plugin

pnpm

pnpm dlx @grafana/create-plugin@latest

yarn (1.x)

yarn create @grafana/plugin

---

Migrate your existing plugin

⚠️ We do not support plugins written in angular

In case you have an existing plugin previously created using the @grafana/toolkit you can use the following command to migrate it to the new build tooling:

# Run this command from the root of your plugin
cd ./my-plugin

npx @grafana/create-plugin@latest migrate

For more information see here

---

Update your plugin build config

In case your plugin was using @grafana/toolkit before make sure to migrate it first using npx @grafana/create-plugin migrate.

As new Grafana versions come out we keep updating our plugin build tooling as well to stay compatible and to make it more performant. In order to receive these changes and to make sure your plugin is compatible with the most recent Grafana versions you can use the update command, that automatically updates the build configuration for you:

# Run this command from the root of your plugin
cd ./my-plugin

npx @grafana/create-plugin@latest update

For more information see here

---

Customizing or extending the basic configs

You can read more about customizing or extending the basic configuration here

Contributing

We are always grateful for contributions! See the CONTRIBUTING.md for more information.