Gradient File Upload

A refined upload surface with an animated glowing beam border, dynamic radial feedback, file extension badges, and multi-state progress indicators.

Library

SpaceUI

Framework

React

Type

component

License

MIT

Files

• src/registry/components/spaceui/gradient-file-upload/index.tsx
• src/registry/components/button/button-squircle/index.tsx
• src/registry/hooks/form/use-file-upload/index.ts
• src/registry/lib/utils/index.ts
• src/registry/utils/format-bytes/index.ts
• src/registry/utils/sleep/index.ts

Source

https://github.com/usespaceui/ui

Categories

• File Upload Components
• React File Upload Components
• Tailwind CSS File Upload Components
• Animated File Upload Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• Animated Input Components

More from SpaceUI

• Accordion
• Adaptive Density Grid
• Ai Chat Workspace
• Alert
• Alert Dialog
• Animoji
• Aspect Ratio
• Autocomplete
• Avatar
• Avatar Extended
• Avatar Group
• Badge