Profile

Enterprise Pricing FAQ

Sign In Sign Up

v0 - kokonut - v0 by Vercel

kokonut UI

@kokonut

Creator of https://kokonutui.com/

@dorian_baffier

kokonut-labs/kokonutui

kokonutui.com/

Activity

Showcase

Financial Dashboard

Financial Dashboard

Hero Geometric Background

Hero Geometric Background

Background Paths

Background Paths

Action Search Bar

Action Search Bar

Currency Transfer Animation

Currency Transfer Animation

Ai Card Generation

Ai Card Generation

Animated Background with Beams

Beams Background

Minimal Shop

Fluid Particles Background

Fluid Particles Background

Animated Toolbar

Animated Toolbar

Background Circles

Background Circles

Card Profile Edition

Card Checkout

Basic Sign-in with credentials or google.

Sign-in with Google

FIle upload made by KokonutUI designed for web applications, allowing users to easily upload files through a drag-and-drop interface or by selecting files from their device. It is built using React and TypeScript, leveraging the motion library for animations and the Lucide React icon library for visual elements.

To use the app, developers can integrate the FileUpload component into their React applications. The component accepts several props, including callbacks for handling successful uploads and errors, accepted file types, maximum file size limits, and a current file state. Users can interact with the component by dragging files into a designated drop zone or clicking to open a file selection dialog. The component provides visual feedback during the upload process, including progress indicators and success/error messages.

Key features of the app include:
- Drag-and-drop functionality for file uploads.
- Support for validating file types and sizes, with customizable error messages.
- Visual feedback during the upload process, including progress bars and success/error animations.
- A preview of the uploaded file, if applicable, along with its details such as name, size, and type.
- Options to replace or remove the uploaded file.
- Responsive design that adapts to different screen sizes and themes.

Overall, this file upload component enhances user experience by providing a modern, interactive interface for file management within web applications.

AI Input made by kokonut/ui

Matrix Text Animation

Matrix Text Animation

Minimalist Card by kokonut/ui

Minimalist Card

Bento grid

Paths moving in the background.

Background Paths

Card Grid

File Upload with great animations. Make sure to try the drag and drop.

Animated File Upload

FAQ Section

Animated hold button made by kokonut/ui

Button Hold to Action

Tabs animations with smooth transition

Animated tabs switcher

Liquid Glass inspired by Apple

Minimalist X card with gradient.

X (Twitter) Card

Apple Rings Activity reproduction

Apple Activity Card