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.
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.
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.
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.
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.
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.
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.
GitHub Integration
Full GitHub Issues integration with automatic issue creation and screenshot uploads.
What's different: createHttpAdapter to a route that opens GitHub issues.
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.
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.
Sensitive Masking
Automatic masking of passwords, credit cards, and other sensitive data in screenshots.
What's different: screenshotConfig.sensitiveSelectors masks fields in captures.
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.
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.
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.