PeachUIPeachUI
Blocks
  • Sidebar
  • Settings
  • Notification center
  • Auth card
  • Calendar
  • Dropzone
  • Breakdown card
  • Stepper form
  • Agent thinking
  • Prompt deck
  • Agent chat
  • Plan & write
  • App shell
  • Live line
  • Dashboard
  • Billing & usage
  • Model router
  • Kanban board
  • Context library
  • Tool approval
  • Answer comparison
  • Review queue
  • Workflow runbook
  • Agent run
  • Inbox triage
  • Audit explorer
  • Sales pipeline
  • Morning brief
  • Deploy gate

Templates

  • Coding agent
  • Agent ops console
  • AI inbox triage
  • Command dashboard

Blocks · Forms

Dropzone

Drop or browse for files. The queue scrolls, caps its length, and shows progress, retry, and clear.

  • PDF

    Q3-Board-Report.pdfUploaded

    4.2 MB

  • PNG

    Hero-Shot.png

    410 KB of 2.6 MB · 4 seconds left

  • XLSX

    Budget-2027.xlsx

    Check your connection and try again.

  • PDF

    Product-Demo.pdf

    Choose a file up to 25 MB.

  • PNG

    Cover-Still.png

    205 KB of 1.8 MB · 5 seconds left

Uploading 2 of 5 · 5.4 MB of 9.9 MB

Built from

Paste the block file plus these modules; they are not separate catalog entries.

  • Type chip · components/atoms/chip.tsx
  • Remove · components/atoms/close-button.tsx
  • Try again and clear · components/atoms/button.tsx
  • File size · components/atoms/file-upload.tsx

components/blocks/dropzone.tsx