○ localhost:3000
ReactRecall
⟳
Hi, I heard about ReactRecall. Can you tell me about it?

ReactRecall is a debug session recorder for AI-assisted development.

It captures every click, log, and network request in your React app — so your coding agent can find bugs in seconds.

Install:

npm install react-recall

Setup:

import { ReactRecallProvider } from 'react-recall'

function App() {
  return (
    <ReactRecallProvider>
      <YourApp />
    </ReactRecallProvider>
  )
}

Run:

npx react-recall

Want to try it out? Click Send below and watch your coding agent debug an error using the logs!

Something went wrong
Toggle 14:22:45
"Reasoning" enabled
Click 14:22:47
"Send" (ChatInput > SendButton)
Input 14:22:47
value: "Hi, I heard about ReactRecall..."
POST 200 312ms 14:22:48
/api/chat
▶ General
Started14:22:47.623
Completed14:22:47.935
Duration312ms
Status200
▶ Request Headers 2
Content-Typeapplication/json
AuthorizationBearer sk-...a8f2
▶ Response Headers 2
content-typeapplication/json
x-request-idreq_abc123
▶ Request Body 
{
  "messages": [
    {
      "role": "user",
      "content": "Hi, I heard about ReactRecall..."
    }
  ],
  "model": "gpt-4"
}
▶ Response Body 
{
  "id": "chatcmpl-abc123",
  "choices": [{
    "message": {
      "role": "assistant",
      "content": "ReactRecall is a debug..."
    }
  }]
}
Log 14:22:48
Response received, rendering message
Copy 14:22:52
"npm install react-recall" (CodeBlock)
0 selected
claude — ~/my-chat-app
Claude Code v2.1.6
Welcome back!
  ▐▛███▜▌
 ▝▜█████▛▘
   ▘▘ ▝▝
~/my-chat-app
Tips for getting started
Ask Claude to create a new app…
Recent activity
No recent activity
Opus 4.5 · Claude Max
> add a loading state to the send button
● I'll add a loading state to the send button. Let me check the current implementation.
● Read(src/components/ChatInput.tsx)
Found SendButton component at line 42
● Edit(src/components/ChatInput.tsx)
✓ Added isLoading prop and spinner
● Done. The send button now shows a spinner while the message is being sent.
GitHub npm