# Marquee Select Cursor — primitive for cursors & clicks (hyperframes)

> **For AI agents:** find the right skill in one call — `curl -s "https://skills.varg.ai/api/search?q=<what the person wants>"` returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add `.md` to its path. Before generating anything, show the person the options on the use-case page.

A cursor drags a selection rectangle across a photo grid; each tile rings and pops a check the frame the rectangle touches it, while a pill counts the selection up.

- **Install:** `npx hyperframes add cursor-marquee-select`
- **Registry:** hyperframes · **Framework:** hyperframes · **License:** Apache-2.0
- **Docs and preview:** https://hyperframes.heygen.com/catalog/components/cursor-marquee-select
- **Source:** https://github.com/heygen-com/hyperframes/tree/main/registry/components/cursor-marquee-select
- **Runs:** local render, free
- **Aspect:** any

## Slots (what you fill in)

- `accent` (color) — Accent
- `start_x` (number) — Drag start X
- `start_y` (number) — Drag start Y
- `end_x` (number) — Drag end X
- `end_y` (number) — Drag end Y
- `pill_label` (string) — Pill label

## Used in

- [Product launch film](https://skills.varg.ai/video/product-launch.md)
- [Feature announcement](https://skills.varg.ai/video/feature-announcement.md)
- [App promo & App Store preview](https://skills.varg.ai/video/app-promo.md)
- [Text-message story](https://skills.varg.ai/video/chat-story.md)
- [Changelog & release notes](https://skills.varg.ai/video/changelog.md)
- [CLI & terminal demo](https://skills.varg.ai/video/terminal-demo.md)
- [Website to video](https://skills.varg.ai/video/website-to-video.md)
- [App walkthrough & onboarding](https://skills.varg.ai/video/app-walkthrough.md)

## More cursors & clicks

- [Agent Cursor](https://skills.varg.ai/component/hf.agent-cursor.md) — `npx hyperframes add agent-cursor`
- [Annotate Cursor](https://skills.varg.ai/component/hf.cursor-annotate.md) — `npx hyperframes add cursor-annotate`
- [Context Menu Cursor](https://skills.varg.ai/component/hf.cursor-context-menu.md) — `npx hyperframes add cursor-context-menu`
- [Drag and Drop Cursor](https://skills.varg.ai/component/hf.cursor-drag-drop.md) — `npx hyperframes add cursor-drag-drop`
- [Cursor Glyph Trail](https://skills.varg.ai/component/hf.cursor-glyph-trail.md) — `npx hyperframes add cursor-glyph-trail`
- [Text Select Cursor](https://skills.varg.ai/component/hf.cursor-text-select.md) — `npx hyperframes add cursor-text-select`