# Request Log

> API request log like the ones in Stripe or Supabase, status, method, path, latency and time on each row. Filter by status with counts that add up to All, or search a path or request id. Click a row and it opens inline with Request, Response and Timing tabs, the timing waterfall adds up to the row's total, and Copy as cURL gives you the call. New requests slide in at the top and wait while a row is open. logs and generate are props. Light and dark via shadcn theme tokens, respects reduced motion. More dark, data-dense components at https://www.ssych.com/library?ref=21st.dev

- Author: [Savva Sicevs](https://21st.dev/@ssychui)
- Library: [ssych ui](https://21st.dev/@ssychui/library/ssicevs)
- License: mit
- Tags: Table, Developer, Log
- npm dependencies: lucide-react, framer-motion
- Live preview: https://21st.dev/@ssychui/components/request-log

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ssychui/request-log?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt · More like this: https://21st.dev/community/components/s/table.md