# Project Index

> Project list for a portfolio or a work page, title, what it is and the year, with an arrow that nudges on hover. Hovering a row floats its cover next to the cursor and dims the other rows, and focusing a row with the keyboard opens the cover beside it. The rows sit at the top of the file. 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)
- License: mit
- Tags: Portfolio, List, Hover, Preview
- npm dependencies: framer-motion
- Live preview: https://21st.dev/@ssychui/components/project-index

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ssychui/project-index?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/portfolio.md