Plugin examples

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

Framework	Version*
Angular	18.0.0
React	18.2.0
Vue	3.4.21
Svelte	5.1.3

*: 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