UX done right
Why not click on everything?

Right-click any element in your app to get the right context, anyclick will format it for consumers and adapters will automagically route it to the appropriate system. Issues or AI agents.

Get Started

app/layout.tsx

import { AnyclickProvider } from '@ewjdev/anyclick-react';
import { createHttpAdapter } from '@ewjdev/anyclick-github';

const adapter = createHttpAdapter({
  endpoint: '/api/feedback'
});

export default function RootLayout({ children }) {
  return (
    <AnyclickProvider adapter={adapter}>
      {children}
    </AnyclickProvider>
  );
}

Built to extend browser workflows

Scroll through immersive experiences. Each workflow has its own visual identity and context menu. Right-click to try it.

{

}

</>

Software Development

Edit the code below to customize your context menu in real-time

anyclick.config.ts

Config valid

Live Preview Active

Right-click to see your custom menu

E-commerce & Logistics

Track, fulfill, and support with precision

$49.99In Stock

Right-click to interact

Healthcare

Patient care with clarity and compliance

Active

72bpm

120/80

Temp

98.6°F

Right-click to interact

Coming Soon

Quick Chat (AI Assistant), Auto Error Collection, Element-Specific Menus, Workflow Recording, Playwright Test Generation, and more. See what's next on our

Request a feature

Everything you need for UI context

From capturing user intent to automatic code fixes, anyclick streamlines the entire feedback workflow.

Context-Aware Capture

Right-click any element to capture its full DOM context, including selectors, data attributes, ancestors, and surrounding page information.

Visual Capture

Automatically capture screenshots of the target element, its container, and the full page—all included in the feedback payload.

Code Source Integration

Automatically create GitHub Issues with rich context, formatted markdown, and embedded screenshots for seamless issue tracking.

AI Agent

Launch Cursor's AI agent directly from feedback—locally during development or via cloud agent for instant code fixes.

Framework Agnostic

Core library works with any JavaScript framework. Use the React provider for React apps, or build your own integration.

Zero Config

Works out of the box with sensible defaults. Right-click anywhere in your app and start capturing feedback immediately.

Modular Architecture

Pick only the packages you need. All packages are published under the @anyclick scope.

Core Packages

@ewjdev/anyclick-core

Framework-agnostic core library. DOM capture, payload building, screenshot utilities, and adapter interface.

TypeScriptESM + CJSZero Dependencies

@ewjdev/anyclick-react

React provider and context menu UI. Drop-in component that handles all UI and event management.

React 19+Context MenuHighlights

@ewjdev/anyclick-pointer

Pointer adapter for custom cursor effects and tracking. Adds visual flair to interactions.

Pointer AdapterPointer EventsTracking

@ewjdev/anyclick-devtools

Advanced inspector and devtools UI with deep linking capabilities.

InspectDialogAccessibilityBox Model

@ewjdev/anyclick-extension

Browser extension for Anyclick. Adds context menu integrations for t3.chat and UploadThing.

Context MenuBrowser ActionIntegrations

Extensions & Adapters

@ewjdev/anyclick-github

GitHub Issues integration. HTTP adapter for browser + server-side GitHub API client.

GitHub APIImage UploadMarkdown

@ewjdev/anyclick-jira

Jira adapter for submitting UI feedback directly to Jira issues.

Jira APIIssue CreationDirect Feedback

@ewjdev/anyclick-t3chat

T3.chat adapter for sending text and queries to t3.chat AI context.

AI ChatContext SharingIntegration

@ewjdev/anyclick-uploadthing

UploadThing adapter for uploading screenshots and images.

Image HostingSecure UploadsFast CDN

@ewjdev/anyclick-cursor-*

Cursor AI integrations. Local adapter runs cursor-agent on your machine; cloud adapter uses Cursor's API.

cursor-agentCloud AgentAuto-fix

@ewjdev/anyclick-adapters

Experimental and niche adapters for custom use cases.

ExperimentalCustom LogicExtensions

Quick Start

Get up and running in under 2 minutes

Install the packages

Terminal

npm install @ewjdev/anyclick-react @ewjdev/anyclick-github

Create an API route

app/api/feedback/route.ts

import { createGitHubAdapter } from '@ewjdev/anyclick-github/server';

const github = createGitHubAdapter({
  owner: 'your-org',
  repo: 'your-repo',
  token: process.env.GITHUB_TOKEN
});

export async function POST(req) {
  const payload = await req.json();
  const result = await github.submit(payload);
  return Response.json(result);
}

Wrap your app