🎨 Tailwind (v4) Image Uploader (Vue 3 + Vite)

A simple and clean image uploader showcase built with Vue 3, Tailwind CSS v4, 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-v4-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 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

🛠 Tech Stack

• Vue 3
• Vite
• Tailwind CSS
• Vue Router

🖼 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.
• Uploader 4: Try mock Figma from UX design.