nextui.dev
Home
Library
Docs
Pricing
Components26
AI & agents5
  • AI chat inputPro
  • Agent task checklistPro
  • Agent thinking
  • Thinking indicator
  • Prompt deckNew
Forms & inputs7
  • Input with label
  • Input with icon and button
  • Settings switches
  • Password with strength meter
  • One-time code input
  • WaitlistNew
  • File dropzonePro
Cards5
  • Style marquee cardPro
  • Folder card
  • Celebration cardPro
  • Smart PDF stackNew
  • Waitlist pass
Buttons, badges & avatars5
  • Buttons with icons
  • QR scan badge
  • Avatar group
  • Rolling price badge
  • Avatars with status
Feedback & display4
  • Alert banners
  • FAQ accordion
  • Keyboard shortcuts
  • Empty state
Blocks11
Hero4
  • Animated pill heroPro
  • Integrations grid hero
  • Waitlist heroNew
  • Orbit chat heroNew
Features & pricing3
  • Usage cardPro
  • Three-tier pricing
  • Feature with board
Testimonials & team3
  • Testimonial cards
  • Single quote
  • Team carousel
Sign-in1
  • Sign-in cardPro
Motion2
Effects2
  • Text revealPro
  • Sound ringNew
Themes9
  • Default
  • Ember
  • Ocean
  • Forest
  • Grape
  • Rose
  • Amber
  • Clay
  • Brutal
nextui.dev

nextui components, blocks and themes you install with one command.

Product

  • Components
  • Blocks
  • Motion
  • Themes
  • Pricing

Resources

  • Docs
  • Roadmap
  • GitHub

Legal

  • License
  • Privacy
  • Terms
  • Refunds

nextUI

[ 200 OK ] · nextUI

© 2026 NEXTUI.DEV. All rights reserved.

ComponentsForms & inputsFile dropzone

File dropzone

Drop zone that grows as files land, with per-file progress, errors and retry.

Copy prompt
MCP

Installation

Set your access key from Account as NEXTUI_TOKEN in .env.local and add the @nextui namespace below to components.json once. Then it installs by name, like any free item.

$pnpm dlx shadcn@latest add @nextui/progress-01
1{
2 "registries": {
3 "@nextui": {
4 "url": "https://tinistudio.vercel.app/r/{name}.json",
5 "headers": { "Authorization": "Bearer ${NEXTUI_TOKEN}" }
6 }
7 }
8}

Related

All components

Input with label

Email input with a label and helper text.

Input with icon and button

Newsletter-style input with a leading icon and submit button.

Settings switches

Notification settings list with switches.

Sign in
PDFPNG

Drop files here or browse

PDF, PNG, JPG and more · up to 25 MB each

  • PDF

    Q3-Board-Report.pdf

    0.0 of 4.2 MB · 5s left

  • PNG

    Hero-Shot.png

    0.0 of 2.6 MB · 4s left

  • XLSX

    Budget-2027.xlsx

    0.0 of 1.3 MB · 4s left

  • MP4

    Product-Demo.mp4

    Too large – max 25 MB

No files yetUploading 3 of 4 · 0.0 of 8.1 MB0 of 4 uploadedClear
Pro

Unlock File dropzone

File dropzone and 8 more Pro items: components, blocks and themes. Pay once, keep everything, including what we add next.

$199$99onceFounder price

  • All 9 Pro items: copy, CLI or registry
  • Every Pro block, template and theme tool
  • Lifetime updates, unlimited commercial projects
Compare plans

This component is part of Pro

Preview it freely. Unlock the code and CLI install with a Pro license.

PDFPNG

Drop files here or browse

PDF, PNG, JPG and more · up to 25 MB each

  • PDF

    Q3-Board-Report.pdf

    0.0 of 4.2 MB · 5s left

  • PNG

    Hero-Shot.png

    0.0 of 2.6 MB · 4s left

  • XLSX

    Budget-2027.xlsx

    0.0 of 1.3 MB · 4s left

  • MP4

    Product-Demo.mp4

    Too large – max 25 MB

No files yetUploading 3 of 4 · 0.0 of 8.1 MB0 of 4 uploadedClear
Pro

Unlock File dropzone

File dropzone and 8 more Pro items: components, blocks and themes. Pay once, keep everything, including what we add next.

$199$99onceFounder price

  • All 9 Pro items: copy, CLI or registry
  • Every Pro block, template and theme tool
  • Lifetime updates, unlimited commercial projects
Compare plans