# Source Lens

> Displays text with inline citation badges and clickable supporting source cards. It is highly useful for AI chat interfaces, research tools, or documentation apps where evidence must be easily inspectable by users.

- Author: [Waqar H. Syed](https://21st.dev/@ibrandify)
- Library: ibrandify UI
- License: mit
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@ibrandify/components/source-lens

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ibrandify/source-lens?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