Alpine Image Editor with Pintura example project

Demo

Installation

If it's not already installed we need to install Node.js

Then we install the project dependencies by running npm install in a terminal window. This will install @pqina/pintura, and a local node server.

Run npm start to start a local test server at http://localhost:8080

Questions

Feel free to reach out using the contact form on the Pintura product page.

Other example projects

JavaScript:

• JavaScript
• PinturaInput
• CustomElement

Frameworks:

• jQuery
• Angular
• Vue 2
• Vue 3
• Nuxt 2
• Nuxt 3
• Svelte
• SvelteKit
• React
• React TypeScript
• NextJS
• React Native
• React Native TypeScript
• Cordova
• Capacitor
• Ionic 6

File upload libraries:

• FilePond
• jQuery File Upload
• React Dropzone
• Dropzone
• Uppy

License

This projects uses a test version of Pintura. This version of Pintura will show a watermark in the editor and on generated images.

Purchase a license at https://pqina.nl/pintura to use Pintura in production.