Back to prompts
Build a polished drag-and-drop file upload component. Features: - Drag and drop zone with visual feedback - Click to browse files - Multiple file support - File type restrictions with validation - File size limits with error messages - Upload progress indicators - Preview for images - Remove uploaded files Visual States: - Default: Dashed border, upload icon - Drag Over: Highlighted border, "Drop files here" - Uploading: Progress bar per file - Success: Checkmark, file preview - Error: Red border, error message Code Requirements: - React hooks for drag/drop events - File validation (type, size) - Progress simulation for demo - Accessible announcements - TypeScript with proper types - Customizable via props
Related Prompts
View allAnimated Pricing Table Component
Create a stunning animated pricing table component. Design Requirements: - Three-tier layout (Basic...
PricingAnimation
Command Palette (CMD+K)
Create a Spotlight/Linear-style command palette. Functionality: - Global keyboard shortcut (CMD/CTR...
Command PaletteSearch
Toast Notification System
Build a complete toast notification system. Toast Types: - Success (green checkmark) - Error (red X...
ToastNotifications
Glassmorphic Login Page
Create a stunning glassmorphic login experience. Visual Design: - Gradient mesh animated background...
GlassmorphismLogin