Skip to main content

Assets Templates Inspiration Components

Components/Obsidian UI

File Input

File Input

Pro

A drag-and-drop file input that animates between idle, uploading and success states with file previews.

Category: Inputs & forms
Built with: React, Tailwind, Motion
Installs: clsx lucide-react motion tailwind-merge
Files: file-input.tsx + 1 more

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

Obsidian UI

by Atharvsinh

16 components

Copyright (c) 2026 ObsidianUI. Open source, added by Craftwork. The license line stays in the copied code.

More like this

FreeAnimated Color Selector

Adaptive Stepper

Select Morph Select

Animated File Upload