# Video Upload Card

> A video upload card component that provides an interactive drop zone for video files with a dramatic vending machine-style animation where the uploaded video appears to drop in from above the dashed border area. The component supports drag-and-drop functionality, click-to-upload, and displays video previews with play controls, making it ideal for content creation and media management interfaces. It can be integrated into dashboards, forms, or media libraries to enhance user experience with smooth, engaging animations while maintaining accessibility standards.

- Author: [Isaiah](https://21st.dev/@isaiahbjork)
- License: unknown
- npm dependencies: lucide-react, framer-motion
- Live preview: https://21st.dev/@isaiahbjork/components/video-upload-card

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/isaiahbjork/video-upload-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