Q QuestLayer
Open builder Create your widget
Integration

Vue.js quest widget

Drop a quest widget into your Vue 3 or Nuxt application.

Create your widget All integrations
QuestLayer widget preview

Integration steps

  1. 01

    Add the script tag to your index.html.

  2. 02

    Or use our Vue plugin wrapper.

  3. 03

    Control widget state via props.

Benefits

  • Works with Vue 2 and Vue 3.
  • Lightweight embed for fast loading.
  • Reactive event listeners for quest completion.

Related widgets

Core

gamification widget

Add a gamification widget that combines quests, XP, levels, and rewards in one embed.
Core

streak widget

Use a streak widget to keep users coming back with visible progress, daily rewards, and tiered XP.

Documentation

Docs

Embed widget

Embed the QuestLayer widget in any site builder or app.
Docs

Rewards

Configure rewards that motivate completion.