Collection of free Tailwind CSS upload forms from Codepen and other resources.

Demo image: Uploader Template

Author

  • amirrahman132132

Made with

  • HTML / CSS

About a code

Uploader Template

Simple uploading template.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 3.0.18

Demo image: Multiple File Upload with JS

Author

  • abdulsalamemesh

Made with

  • HTML / CSS / JS

About a code

Multiple File Upload with JS

Multiple file uploader with the option to delete the uploaded images.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.2.19

Demo image: Tailwind CSS File Upload

Author

  • aji

Made with

  • HTML / CSS

About a code

TailwindCSS File Upload

Responsive multi file upload with drop-on and preview.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.1.4

Demo image: Drag&Drop, Sortable, Dropzone File Upload

Author

  • DENISBEDER DUEK CARVALHO

Made with

  • HTML / CSS / JS

About a code

Drag & Drop, Sortable, Dropzone File Upload

Drag & drop, sortable, thumb, remove and multi select files.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.1.4

Demo image: Upload Photo

Author

  • Ejaaz Khan

Made with

  • HTML / CSS / JS

About a code

Upload Photo

Upload photo with TailwindCSS and AlpineJS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: alpine.js

Tailwind version: 2.0.3

Demo image: File Uploader

Author

  • Devdojo

Made with

  • HTML / CSS

About a code

File Uploader

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Responsive Multi File Upload with Drop-on and Preview

Author

  • codingsafari

Made with

  • HTML / CSS / JS

About a code

Responsive Multi File Upload with Drop-on and Preview

Responsive modal file upload. Supports multi file handling. And shows image or text files in a preview before submit. Powered by vanilla JavaScript.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.2.0

Demo image: File Upload DropZone

Author

  • ziadadeela

Made with

  • HTML / CSS

About a code

File Upload DropZone

A responsive component that can be used as dropzone for file upload.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.0.4

Demo image: File Upload Button

Author

  • scheMeZa

Made with

  • HTML / CSS

About a code

File Upload Button

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 0.7.0

Demo image: Tailwind File Upload

Author

  • shuvro_008

Made with

  • HTML / CSS

About a code

Tailwind File Upload

This is a custom file upload design.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 0.3.0