Plugin examples

This collection of plugins is designed to showcase how to create plugins using popular frontend frameworks.

Framework	Version*
Angular	19.2.2
React	19.0.0
Vue	3.5.13
Svelte	5.23.0

*: version we used in the examples.

• For the full documentation go to: Plugins.
• For the starter vanilla template go to Penpot Plugin Starter Template.

Start examples

Clone the repository with git clone https://github.com/penpot/plugin-examples.git and run the examples.

Angular

cd angular-example-plugin
npm install
npm start

Plugin url: http://localhost:4401/manifest.json

React

cd react-example-plugin
npm install
npm run dev

Plugin url: http://localhost:4402/manifest.json

Vue

cd vue-example-plugin
npm install
npm run dev

Plugin url: http://localhost:4403/manifest.json

Svelte

cd svelte-example-plugin
npm install
npm run dev

Plugin url: http://localhost:4405/manifest.json