Examples

Every example is one working customization. Open one and right-click.

Basic Setup

Minimal implementation with default configuration. Perfect starting point for new integrations.

What's different: Default menu, scoped provider, GitHub adapter. The baseline.

ReactProviderDefault Menu

Quick Chat

AI-powered quick answers about any element. Get styling tips, accessibility insights, and more from the context menu.

What's different: quickChatConfig adds an AI quick-ask to the menu.

AIChatContextStreaming

t3.chat Integration

Send selected text to t3.chat for AI-powered answers. Perfect for quick research and code questions.

What's different: Chrome preset plus a t3.chat hand-off.

t3.chatAIText SelectionExternal

UploadThing Integration

Right-click on images to upload them directly to UploadThing. Share screenshots and diagrams instantly.

What's different: Adapter uploads screenshots to UploadThing.

UploadThingImagesScreenshotsUpload

Role-based Presets

Drop-in menus for QA, PM, Designer, and Developer with coming-soon tags baked in.

What's different: menuItems filtered by the current user's roles.

PresetsRolesMenuDX

Custom Pointer

Replace the default cursor with a beautiful themed pointer. Includes right-click circle animation and press effects.

What's different: PointerProvider themes the cursor inside one region.

CursorAnimationThemingCSS

Custom Menu

Customized context menu with branded colors, icons, and role-based menu items.

What's different: menuItems with icons, a submenu and custom labels.

ThemingIconsSubmenusRole-Based

GitHub Integration

Full GitHub Issues integration with automatic issue creation and screenshot uploads.

What's different: createHttpAdapter to a route that opens GitHub issues.

GitHubIssuesScreenshotsMarkdown

Jira Integration

Create Jira issues with rich ADF descriptions and automatic screenshot attachments.

What's different: A multi-step Jira menu built on the same payload.

JiraIssuesADFAttachments

Cursor Local

Development workflow with local Cursor integration for instant AI-powered code fixes.

What's different: Second adapter posts to a local cursor-agent server.

CursorDevelopmentAILocal

Sensitive Masking

Automatic masking of passwords, credit cards, and other sensitive data in screenshots.

What's different: screenshotConfig.sensitiveSelectors masks fields in captures.

PrivacySecurityScreenshotsMasking

Scoped & Nested Providers

Control feedback capture at a granular level with scoped providers and nested theming.

What's different: Nested scoped providers with merged themes.

ScopedNestedThemingAdvanced

Pointer Modes

Switch between normal and fun go-kart mode inside scoped providers using the FunModeBridge.

What's different: Pointer visibility modes inside a scoped provider.

ModesFunKeyboardScoped

Need a specific example?

If you'd like to see an example for a specific use case, open an issue on GitHub or contribute your own example.