Q QuestLayer
Open builder Create your widget
Integration

React quest widget

Embed a quest widget in your React app with a simple component wrapper.

Create your widget All integrations
QuestLayer widget preview

Integration steps

  1. 01

    Install the QuestLayer React SDK.

  2. 02

    Import the widget component.

  3. 03

    Pass your widget ID as a prop.

Benefits

  • Native React component integration.
  • TypeScript support out of the box.
  • Zero impact on bundle size (lazy loaded).

Related widgets

Core

quest widget

Launch a quest widget that turns any site into a guided mission hub with XP, streaks, and rewards.
Core

embed quests

Embed quests on any website with a single script and offer XP, streaks, and rewards instantly.

Documentation

Docs

Embed widget

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

Customize theme

Match the widget to your brand with colors, layout, and typography.