# Magnifying glass Text Lens

> A smooth magnifying glass hover effect for text and UI content. This React component creates a polished zoom lens that follows the cursor, floats beyond the container, and adds a realistic glass feel for interactive product demos, landing pages, and editorial interfaces.

- Author: [Ashwarya Subhluxmi](https://21st.dev/@ashwarya19)
- Library: Ashwarya Subhluxmi
- License: unknown
- Live preview: https://21st.dev/@ashwarya19/components/magnifying-glass-text-lens

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ashwarya19/magnifying-glass-text-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