Skip to content

Ballchaiyuth/tailwind-image-uploader

Repository files navigation

🎨 Tailwind Image Uploader (Vue 3 + Vite)

A simple and clean image uploader showcase built with Vue 3, Tailwind CSS v3, and Vite.

Explore three different upload styles with drag-and-drop, preview, modal zoom, and image management.


🚀 Getting Started

1. Clone this repository

git clone https://github.com/Ballchaiyuth/tailwind-image-uploader.git cd tailwind-image-uploader

2. Install & Run

You can use either Yarn or npm — the app will start automatically after install!

# with npm npm install # or with yarn yarn

This works because of the postinstall script which runs vite automatically.


🌐 Try it Online

No need to install anything — try it instantly here:

👉 Open in StackBlitz


📦 Scripts

Command Description
npm start Start development server
npm run build Build for production
npm run preview Preview the production build

🛠 Tech Stack


🖼 Uploader Types

  • Uploader 1: Minimalist, list-based preview with basic controls.
  • Uploader 2: Styled uploader inspired by Creative Tim.
  • Uploader 3: Full-featured with modal zoom, pan, navigation, and mouse wheel support.

About

Demo project: tailwind-image-uploader

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages