---
layout: doc
---

# Examples

Collection of live examples demonstrating how to integrate protocol-launcher with different JavaScript frameworks.

## React Ecosystem

| Framework   | Live Demo                                                                                                                                  |
|-------------|--------------------------------------------------------------------------------------------------------------------------------------------|
| React       | [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/protocol-launcher-react)  |
| Next.js     | [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/protocol-launcher-nextjs) |
| Remix       | [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/protocol-launcher-remix)  |

## Vue Ecosystem

| Framework  | Live Demo                                                                                                                                  |
|------------|--------------------------------------------------------------------------------------------------------------------------------------------|
| Vue (2.x)  | [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/protocol-launcher-vue2)   |
| Vue (3.x)  | [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/protocol-launcher-vue3)   |
| Nuxt (2.x) | [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/protocol-launcher-nuxt2)  |
| Nuxt (3.x) | [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/protocol-launcher-nuxt3)  |
| Quasar     | [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/protocol-launcher-quasar) |

## Other Frameworks

| Framework  | Live Demo                                                                                                                                      |
|------------|------------------------------------------------------------------------------------------------------------------------------------------------|
| Angular    | [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/protocol-launcher-angular)    |
| Svelte     | [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/protocol-launcher-svelte)     |
| SvelteKit  | [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/protocol-launcher-svelte-kit) |
| Astro      | [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/protocol-launcher-astro)      |
| Webpack    | [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/protocol-launcher-webpack)    |
| Vanilla    | [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/protocol-launcher-vanilla)    |
| IIFE (CDN) | [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/protocol-launcher-iife)       |

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