Tailwind Theme

<style>
 .mu-select-btn {
 background-color: #06b6d4; /* cyan-500 */
 border-radius: 9999px; /* rounded-full */
 font-weight: 600;
 }
 .mu-dropzone {
 border: 2px dashed #06b6d4;
 border-radius: 16px; /* rounded-2xl */
 background: #ecfeff; /* cyan-50 */
 }
</style>

var uploader = new MultipleUpload(document.getElementById('myUploader'), {
 uploadUrl: '/api/upload'
});

Utility classes over the component

Tailwind theming works the same way as any other: the component's class names are the hooks, and your utilities restyle them. Nothing about the component needs to know which framework you use.

Watch the drag state

The one thing utility-first CSS makes easy to forget is the drag-over highlight, because it is a state the component toggles rather than one you write into the markup. Style that class explicitly — a drop zone that does not react while a file hovers over it reads as a page that ignores drops.