Skip to content

Examples

Collection of live examples demonstrating how to integrate watermark-js-plus with different JavaScript frameworks.

React Ecosystem

FrameworkLive Demo
ReactOpen in StackBlitz
Next.jsOpen in StackBlitz
RemixOpen in StackBlitz

Vue Ecosystem

FrameworkLive Demo
Vue (2.x)Open in StackBlitz
Vue (3.x)Open in StackBlitz
Nuxt (2.x)Open in StackBlitz
Nuxt (3.x)Open in StackBlitz
QuasarOpen in StackBlitz

Other Frameworks

FrameworkLive Demo
AngularOpen in StackBlitz
SvelteKit (Next)Open in StackBlitz
SvelteKit (2.x)Open in StackBlitz
AstroOpen in StackBlitz

Advanced Scenarios

ScenarioLive Demo
Multiple Watermark BindOpen in StackBlitz
On-Demand GenerationOpen in StackBlitz
Vanilla JSOpen in StackBlitz
IIFE (CDN)Open in StackBlitz
WebpackOpen in StackBlitz

Usage Tips

  1. Click any "Open in StackBlitz" button to explore the live example
  2. Framework-specific implementations show recommended integration patterns

Released under the MIT License.