# Frame Card

> An editorial card with an offset frame, corner markers and scoped GSAP interactions. Includes image, feature and static article layouts, native link semantics, keyboard focus, reduced motion and an image error fallback.

- Author: [crype](https://21st.dev/@crype-dev)
- License: mit
- Tags: Card, GSAP, Animation, Portfolio
- npm dependencies: gsap, @gsap/react
- Live preview: https://21st.dev/@crype-dev/components/frame-card

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/crype-dev/frame-card?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/card.md