Pieces(1076)

Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.

Scanning page · 3 / 5

Document Scanner

Dark scanner viewfinder with a live chip, page counter, corner guides, shutter, and a captured-pages thumbnail strip.

Crop Frame1200 × 630

Crop Frame

Minimal crop overlay on a small square image with corner marks and an output-size chip.

Video Preview
0:42
launch-teaser.mp454 MB

Video Preview

Uploaded-video card with a play button over a dark thumb, duration badge, and a filename footer.

Image Row
brand-hero.jpg2400 × 1600 · 1.4 MB

Image Row

Compact image file row with a square warm gradient preview and a filename plus dimensions line.

2026-msa-final.pdf2.1 MB · Edited 2 hours ago

File Row

File manager row with a rose PDF tile, metadata line, owner avatar, and a more-actions button.

design-archive.zipInterrupted 4 minutes ago
42%
Resume from 132 MB

Resume Upload

Interrupted-upload card with an amber state, half-filled bar, resume byte offset, and a Resume button.

+20
Recent uploads24 items

Upload Stack

Compact upload summary with four overlapping thumbnails, a +N overflow tile, and a total item count.

Uploading 24 files9.2 MB/s overall
74%
18Done
3Uploading
3Queued

Batch Summary

Aggregate upload card with a total-files header, a single sky bar, and a done, uploading, queued tally.

Image Preview
brand-hero.jpg2400 × 1600 · 1.4 MB

Image Preview

Uploaded-image card with a dashed crop overlay on a gradient placeholder and rotate, crop, delete tools below.

raw-footage-reel.mp458%
Chunked upload · 16 MB parts9 / 16 done

Chunked Upload

Parallel chunk uploader visualizing 16 part tiles tinted by done, uploading, or pending states.

keynote-rehearsal.mp4Paused · 212 MB left

Upload Paused

Paused-upload row with an amber Resume button and a static amber progress track matching the state.

team-retreat.mov612 MB
File exceeds 500 MB upload limit

Upload Error

Failed-upload card with a rose-tinted file row, an alert message in its own box, and a Retry button.

Q2-forecast-final.xlsx2.1 MB · Uploaded 2 seconds ago

Upload Complete

Success confirmation row with an emerald border, corner check overlay on the file tile, and an Open button.

brand-guide.pdf4.2 MB
hero-video.mov
logo-dark.svg18 KB
pricing.xlsx2.1 MB

Multi-File Queue

Stacked upload list with done, uploading, and failed rows each ending in the matching status icon.

campaign-edit-01.mov184 MB of 312 MB · 12.4 MB/s
59%10s left

Upload Progress

Single-file upload row with size counter, live speed, pause and cancel controls, and a gradient bar.

Paste an image from your clipboardScreenshot, copy, and press the shortcut to drop it here.
⌘+V

Paste From Clipboard

Dashed panel encouraging a paste gesture, with a tinted clipboard tile and ⌘V hint chip.

Scan the receiptPoint the camera at the total line

Camera Capture

Dark viewfinder mock-up with corner brackets, a live dot, and a large circular capture button.

Import from

Cloud Sources

Vertical source picker with branded tiles, account hints, file counts for connected services, and a Connect pill for the rest.

Upload artwork
PNGJPGSVGWebP
Up to 10 MB

Formats Drop Zone

Upload prompt that lists accepted formats as mono pills beside a size-limit caption.

https://www.figma.com/design/wQb4…

URL Import

Link-prefixed text field with a joined import button for pasting shareable URLs.

Add a cover imageRecommended 1600 × 600, up to 4 MB

Cover Uploader

Gradient banner placeholder that prompts a cover image with size hint and inset dashed border.

Profile photo
Change profile photo

Avatar Uploader

Circular avatar with a dark camera button on the corner that invites a new profile photo.

Drop to uploadRelease anywhere in this area

Drag Over State

Highlighted drop surface tinted sky with a pulsing wash, download chip, and release-to-upload cue.

Attach supporting documents

Compact Attach

Single-line upload affordance with a paperclip icon, prompt copy, and a trailing browse button.

Markdown version